WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Loaders and Uploaders

AwsmProgressBar for jQuery

— Add-On auf WorldWideScripts.net

@de1wwsAbonniere den Feed um auf dem neuesten Stand zu bleiben!

Neu! Folge uns, wie Du es möchtest!


AwsmProgressBar for jQuery - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting
Die AwsmProgressBar ist ein all-in-one-Datei-Plugin für jQuery, mit der Sie einen atemberaubenden Fortschrittsbalken erstellen. Mehr als dreizehn Optionen und fünf Methoden erlauben die Fortschrittsbalken an Ihre Bedürfnisse anpassen. Es arbeitet mit CSS3-Animationen und allen gängigen Browsern. Die AwsmProgressBar ist nützlich, wenn ein Zustand, den Fortschritt oder Übergänge zwischen den Zuständen an den Benutzer übermittelt werden.

Aktuelles

  • Update v1.3: zunehmend Browser-Kompatibilität (insbesondere IE10 +)
  • Aktualisieren v1.2: CSS3-Übergänge sind jetzt vollständig in Opera 12 + unterstützt.
  • Update 1.1a: Ein Fehler wurde behoben mit der Textur freien Hintergrund und hinzugefügt die Möglichkeit, ein eigenes Seitenverhältnis liefern (statt der standardmäßigen einem 100: 15). Die Demo wurde ebenfalls aktualisiert.

Eigenschaften

  • CSS3-Animationen mit Fallback auf die für ältere Browser Gifs
  • dynamische Progress und farb Animationen, 4 verschiedene Zustände
  • 10 einstellbare Optionen und 4 anpassbare Farben
  • passt sich an die Bildschirmgröße, auch wenn das Fenster verkleinert
  • einfache Integration, muss nur jQuery 1.4 oder neuer

Die Demo-Seite enthält ein voll funktionsfähiges Beispiel und die gesamte Dokumentation.

Browser-Kompatibilität (Stand: Juli 2013)

Desktop-Browsern Handy-Browser
Getestet: Testen Sie sich selbst:
  • Firefox 8 +
  • Chrome 11+
  • Internet Explorer 10 +
    (Versionen vor 10 Fall-Back auf die GIF-Animation)
  • Safari 5.1+
  • Opera 12.10+
  • iOS 3 Safari 3.2+ (iPad, iPhone, iPod)
  • Blackberry Browser 7+
  • Opera Mobile 12.1+
  • Chrome für Android 27+
  • Firefox für Android 22+

Das Ausmaß der Plug-in-spannes den JavaScript-Quellcode, ein Stylesheet und vier Grafiken. Zwei Grafiken sind in JPEG- und den beiden anderen Dateien im GIF-Format (animiert). Sie sind für die Innen Hintergrund des Fortschrittsbalkens verwendet und in einem normal großen und einer kleinen Version kommen.

Die Animationen sind als Fallback-Lösung, bei der usera € ™ s Browser nicht CSS3-Animationen unterstützt. Der Entwickler kann auch beschließen, Gifs als Standard-Hintergrund verwendet, um etwas Rechenleistung zu erhalten, da diese Animationen können eine Menge davon zu konsumieren.

Die AwsmProgressBar ermöglicht 12 verschiedene Optionen kann mit initialisiert werden. Diese Eigenschaften lassen sich jederzeit nachträglich geändert werden. Vier verschiedene anpassbare Farben erlauben es dem Entwickler, den Blick auf die umgebende Seite anpassen (Farben können für die vier Zustände eingestellt werden, unbestimmt, arbeiten, aktiv und fertig).

Getter und Setter wie auch eine Methode, um das Plug-in zu zerstören sind.

Das Paket kommt in zwei Versionen. Das erste ist ein all-in-one-Dateipaket. Es ist ein Stand-alone-JavaScript-Datei, die alle verkleinerte Quellcode, alle CSS-Stile und alle Bilder als base64-Daten-Urla € ™ s umfasst. Diese Version hängt nur von jQuery und müssen, nachdem es geladen werden. Die vollständige Datei hat eine Gesamtgröße von ca. 55 Kilobytes. Die zweite Version hat alle diese Dateien ausgelagert, so dass der Entwickler laden und kombinieren Sie sie manuell.


Herunterladen
Weitere Komponenten in dieser KategorieAlle Komponenten dieses Autors
KommentareHäufige Fragen und Antworten

Eigenschaften

Erstellt:
4 12. Juli, Stand

High Resolution:
No

kompatiblen Browsern:
IE8, IE9, IE10, Firefox, Safari, Opera, Chrome, Dateien enthalten

Stichworte

eCommerce, Alle Artikel, Animation, CSS3, CSS3 Animationen, css3 Laufleiste, javascript, jquery, Lader, Fortschritt, Fortschrittsbalken, Scrollbalken, Zustand, Ü, bergang