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

Iscriviti al nostro feed per rimanere sempre aggiornato!

Nuovo! Seguici come lo vuoi!


AwsmProgressBar for jQuery - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting
Il AwsmProgressBar è un all-in-one file plug-in per jQuery che permette di creare una splendida progressbar. Più di tredici opzioni e cinque metodi permettono di personalizzare il progressbar alle vostre esigenze. Funziona con CSS3-animazioni e tutti i principali browser. Il AwsmProgressBar è utile quando uno stato, il suo progresso o transizioni tra Stati dovrebbero essere comunicati all'utente.

Aggiornamenti

  • Aggiornamento v1.3: Maggiore compatibilità del browser (in particolare + IE10)
  • Aggiornamento v1.2: CSS3-transizioni sono ora pienamente supportati in Opera 12+.
  • Aggiornamento v1.1a: Risolto un bug con lo sfondo senza trama e ha aggiunto la possibilità di fornire una propria proporzioni (anziché quella predefinita di 100: 15). La demo è stato aggiornato pure.

Caratteristiche

  • CSS3-animazioni con fallback in GIF per browser meno recenti
  • Progress- dinamica e colore-animazioni, 4 stati diversi
  • 10 opzioni regolabili e 4 colori personalizzabili
  • si adatta alle dimensioni dello schermo, anche quando la finestra viene ridimensionata
  • facile integrazione, necessita solo di jQuery 1.4 o successivo

La demo-pagina contiene un esempio completamente funzionante e tutta la documentazione.

Compatibilità del browser (a partire da luglio 2013)

Browser desktop Browser mobile
Testato: Mettiti alla prova:
  • Firefox 8+
  • Chrome 11+
  • Internet Explorer 10+
    (versioni precedenti alla 10 di ripiego al GIF-animazione)
  • 5.1+ Safari
  • Opera 12.10+
  • iOS 3 Safari 3.2+ (iPad, iPhone, iPod)
  • Blackberry Browser 7+
  • Opera Mobile 12.1+
  • Chrome per Android 27+
  • Firefox per Android 22+

L'entità del plug-in spannes codice sorgente JavaScript, uno foglio di stile e quattro grafici. Due grafica è in JPEG e gli altri due file nel formato gif (animati). Essi sono utilizzati per lo sfondo interno del progressbar e sono disponibili in dimensioni normali e una versione ridotta.

Le gif animate vengono come una soluzione di ripiego, nel caso in cui il programma di navigazione € ™ s non supporta CSS3-animazioni. Lo sviluppatore può anche decidere di utilizzare gif come sfondo predefinito per conservare una certa potenza di calcolo, come quelle animazioni possono consumare un sacco di esso.

Il AwsmProgressBar consente per 12 diverse opzioni che può essere inizializzato con. Tali proprietà possono essere modificate in qualsiasi momento. Quattro diversi colori personalizzabili consentono agli sviluppatori di adattare il look alla pagina circostante (i colori possono essere impostate per i quattro stati indeterminato, lavoro, inattivo e finito).

Getter e setter nonché un metodo per distruggere il plug-in sono disponibili.

Il pacchetto è disponibile in due versioni. Il primo è un pacchetto all-in-one-file. Si tratta di un Javascript-file autonomo che include tutto il codice sorgente minified, tutti gli stili CSS e tutte le immagini come base64-dati-Urla € ™ s. Questa versione dipende solo jQuery e deve essere caricato dopo. Il file completo ha una dimensione totale di ~ 55 kilobyte. La seconda versione ha tutti questi file esteriorizzato, in modo che lo sviluppatore può caricare e combinarli manualmente.


Scarica
Altri componenti di questa categoriaTutti i componenti di questo autore
CommentiDomande frequenti e risposte

Proprietà

Creato:
4 luglio 12

Ultimo aggiornamento:
24 lug 13

High Resolution:
No

browser compatibili:
IE8, IE9, IE10, Firefox, Safari, Opera, Chrome, file inclusi

Parole chiave

eCommerce, tutti gli articoli, animazione, css3, animazione css3, css3 scrollbar, javascript, jQuery, caricatore, il progresso, ProgressBar, scrollbar, statale, di transizione