ProgBar jQuery plugin

Démonstration rapide

Installation

téléchargez jQuery.progbar.1.0.zip, dézippez-le, placez le dossier jQuery.progbar dans vos dossiers
Puis ajoutez jQuery.js, jQuery.progbar.js et jQuery.progbar.css sur votre page.
Nb : Pensez à vérifier le chemin des images "bubbles.png" et "reflection.png" à votre site web

Utilisation/Intégration

Créez un élement sur votre page:
```
<div id="barreChargement"></div>
```
Inserez le code javascript suivant sur votre page :
```
$('#barreChargement').progBar(); 
```
Si votre barre de chargement fais n'importe quoi, c'est que ça marche félicitations

Options

bubbles: fait péter les bubulles !!
- active: Activer les bubulles (note : activées par défaut)
- speed: rapidité des bubulles (note : par défaut = 40%)
progressSpeed: La vitesse à laquelle la barre se remplit (défaut = 40%)
activateReflection: Activer le reflet sur la barre
- bg: Activer le reflet dans le fond de la barre
- progress: Activer le reflet sur la barre elle même
colorChange: Activer le changement de couleur progressif de la barre
texts: Tableau de phrases qui s'affichent pendant l'attente
progress: Activer l'affichage de la progression (nombre de 0 à 100)
- display: true ou false
- percentDisplay: Afficher le signe %
finishedMessage: Message de fin de chargement
- display: Activer le message de fin de chargement
- text: Personnaliser le message de fin de chargement

Exemples

JQuery('#progBar1').progBar({bubbles : {
       speed : 80
   },
    progress : {
     display : false
  },                
activateReflection : {
   bg : false         
},            
  progressSpeed : 1        
});

jQuery('#progBar2').progBar({
bubbles : {
active : false
},
progressSpeed : 80,
 texts : ['test1', 'test2', 'test3']
});

jQuery('#progBar3').progBar({
colorChange : false,
progressSpeed : 100,
  texts : ['I am a test', 
   'You are a test', 
       'We are a test', 
      'We are not anything else', 
       'I want to die']
});

Crédits

Idée et script original : Idleman
Plugin Jquery : AkaiKen
Documentation : AkaiKen et Idleman

Téléchargement

Jquery progBar V1.0 - Version zip : Télécharger