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

Rep les nostres RSS per estar al dia!

Nou! Segueix-nos com vulguis!


AwsmProgressBar for jQuery - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting
El AwsmProgressBar és un tot-en-un-arxiu plugin per jQuery que et permet crear un ProgressBar impressionant. Més de tretze opcions i cinc mètodes permeten personalitzar la ProgressBar a les seves necessitats. Funciona amb CSS3-animacions i tots els principals navegadors. El AwsmProgressBar és útil quan un Estat, el seu progrés o les transicions entre els estats han de ser comunicats a l'usuari.

Actualitzacions

  • Actualització v1.3: Major compatibilitat amb els navegadors (especialment IE10 +)
  • Actualització v1.2: CSS3-transicions són ara totalment compatibles amb Opera 12+.
  • Actualització v1.1a: S'ha corregit un error amb el fons-textura lliure i ha afegit l'opció de subministrar una relació d'aspecte propi (en lloc de la per defecte de 100: 15). La demo s'ha actualitzat també.

Característiques

  • CSS3-animacions amb replegament a gifs per als navegadors més antics
  • progrés- dinàmic i color-animacions, 4 estats diferents
  • 10 opcions ajustables i 4 colors personalitzables
  • s'adapta a la mida de la pantalla, fins i tot quan es canvia la mida de la finestra
  • integració fàcil, només necessita jQuery 1.4 o posterior

La demo de la pàgina conté un exemple completament de treball i tota la documentació.

Compatibilitat del navegador (a juliol de 2013)

Navegadors d'escriptori Navegadors mòbils
Provat: Emprova't:
  • Firefox 8+
  • Chrome 11+
  • Internet Explorer 10+
    (Versions anteriors a 10 de replegament al GIF-animació)
  • Safari 5.1+
  • Opera 12.10+
  • iOS 3 Safari 3.2+ (iPad, iPhone, iPod)
  • Navegador de Blackberry 7+
  • Opera Mobile 12.1+
  • Chrome per Android 27+
  • Firefox per a Android 22+

L'extensió del plug-in spannes el codi JavaScript d'origen, un full d'estil i 4 gràfics. Dos gràfics són en JPEG i els altres dos arxius en el format GIF (animat). S'utilitzen per al fons interior de la ProgressBar i vénen en una de mida normal i una petita versió.

Els gifs animats vénen com una solució alternativa, en cas que el navegador de l'usuari ™ € s no suporta CSS3 animacions. El desenvolupador també pot decidir utilitzar gifs com a fons per defecte per preservar una mica de poder de computació, com aquestes animacions poden consumir una gran quantitat d'ella.

El AwsmProgressBar permet 12 opcions diferents que es poden inicialitzar amb. Aquestes propietats es poden canviar en qualsevol moment posterior. Quatre diferents colors personalitzables permeten als desenvolupadors per adaptar l'aspecte de la pàgina envolta (els colors es poden establir per als quatre estats indeterminat, treballant, inactiu i acabats).

Captadors i definidors, així com un mètode per destruir el plug-in estan disponibles.

El paquet ve en dues versions. El primer és un paquet tot-en-un-arxiu. És un arxiu JavaScript independent que inclou tot el codi font miniaturitzada, tots els estils CSS i totes les imatges com a dades-base 64 Urla € ™ s. Aquesta versió només depèn de jQuery i ha de carregar després d'ella. L'expedient complet té una mida total de ~ 55 kilobytes. La segona versió ha externalitzat tots aquests arxius, de manera que el desenvolupador pot carregar i combinar manualment.


Descarregar
Altres components d'aquesta categoriaTots els components d'aquest autor
Comentaris dels clientsPreguntes freqüents i respostes

Propietats

Creat:
04 de juliol 12

:
Última Actualització 24 juliol 13

alta resolució:
No

Navegadors compatibles:
IE8, IE9, IE10, Firefox, Safari, Opera, Chrome, Arxius inclosos

Paraules clau

eCommerce, tots els articles, animació, CSS3, animació, CSS3, barra de desplaç, ament CSS3, javascript, jquery, carregador, el progré, s, ProgressBar, barra de desplaç, ament, estat, transició