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 pour WorldWideScripts.net

@fr1wwsAbonnez-vous à notre RSS pour rester à jour!

Nouveau! Suivez-nous que vous le souhaitez!


AwsmProgressBar for jQuery - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting
Le AwsmProgressBar est un tout-en-un fichier plug-in pour jQuery qui vous permet de créer une barre de progression étonnante. Plus de treize options et cinq méthodes permettent de personnaliser la barre de progression à vos besoins. Il fonctionne avec CSS3-animations et tous les principaux navigateurs. Le AwsmProgressBar est utile lorsque un état, ses progrès ou les transitions entre les Etats devraient être communiquées à l'utilisateur.

Mises à jour

  • Mise à jour v1.3: la compatibilité du navigateur accrue (surtout IE10 +)
  • Mettre à jour v1.2: CSS3-transistions sont maintenant entièrement pris en charge dans Opera 12+.
  • Mise à jour v1.1a: Correction d'un bug avec le fond sans texture et ajouté la possibilité de fournir un rapport d'aspect propre (plutôt que celui par défaut de 100: 15). La démo a été mis à jour.

Caractéristiques

  • CSS3-animations avec repli à Gifs pour les anciens navigateurs
  • progress- dynamique et couleur-animations, quatre états différents
  • 10 options réglables et 4 couleurs personnalisables
  • se adapte à la taille de l'écran, même lorsque la fenêtre est redimensionnée
  • une intégration facile, ne doit jQuery 1.4 ou ultérieure

La démo page contient un exemple de travail pleinement et l'ensemble de la documentation.

Compatibilité du navigateur (comme de Juillet 2013)

les navigateurs de bureau Navigateurs mobiles
Testé: Testez-vous:
  • Firefox 8+
  • Chrome 11+
  • Internet Explorer 10+
    (versions antérieures à 10 de repli à l'animation GIF-)
  • Safari 5.1+
  • Opera 12.10+
  • iOS 3 Safari 3.2+ (iPad, iPhone, iPod)
  • Navigateur Blackberry 7+
  • Opera Mobile 12.1+
  • Chrome pour Android 27+
  • Firefox pour Android 22+

L'étendue de la plug-in spannes le code source JavaScript, une feuille de style et quatre graphiques. Deux graphiques sont en JPEG et les deux autres fichiers dans le format GIF (animées). Ils sont utilisés pour le fond intérieur de la barre de progression et viennent dans une taille normale et une petite version.

Les gifs animés viennent comme une solution de repli, au cas où le navigateur de usera € ™ ne supporte pas les animations CSS3-. Le développeur peut également décider d'utiliser gifs comme fond par défaut de préserver une certaine puissance de calcul, que ces animations peuvent consommer beaucoup de lui.

Le AwsmProgressBar permet pour 12 options différentes, il peut être initialisé avec. Ces propriétés peuvent être modifiées à tout moment plus tard. Quatre couleurs personnalisables différentes permettent au développeur de se adapter le look à la page environnante (les couleurs peuvent être définies pour les quatre états indéterminés, de travail, inactive et finis).

Accesseurs ainsi qu'une méthode pour détruire le plug-in sont disponibles.

Le paquet est livré en deux versions. Le premier est un forfait tout-en-un-fichier. Ce est un fichier JavaScript-autonome qui inclut tout le code source minified, tous les styles CSS et toutes les images que base64-data-Urla € ™ s. Cette version ne dépend que de jQuery et doit être chargé après. Le dossier complet a une taille totale de ~ 55 kilo-octets. La deuxième version a tous ces fichiers externalisée, de sorte que le développeur peut charger et de les combiner manuellement.


Télécharger
D'autres éléments de ce typeTous les composants de cet auteur
CommentairesFoire aux questions et réponses

Propriétés

Créé:
4 Juillet 12

Dernière mise à jour:
24 Juillet 13

Haute Résolution:
Non, Navigateurs compatibles

Fichiers inclus:
JS JavaScript, HTML, CSS

Version du logiciel:
jQuery

Mots-clés

eCommerce, tous les objets, animation, css3, animation css3, css3 barre de dé, filement, javascript, jquery, chargeur, progrè, s, barre de progression, barre de dé, filement, l'é, tat, la transition