Progress bar widget

Soyez le premier à donner votre avis sur cette source.

Snippet vu 18 903 fois - Téléchargée 1 396 fois

Contenu du snippet

Classe offrant une API pour la gestion d'une barre de progression à la manière de la SWT en pur javascript ( pas d'images ).
Trois styles sont proposés:
° Indeterminé: les indicateurs de progression se déplace indéfiniment.
° Le style determiné, l'utilisateur met à jour la séléction.
° Le style transparent, qui en association avec le premier ajoute une effet de tansparence.
Le script permet entre autres de changer la couleur et la taille de la barre de progression.
Have fun,
Pierrick

Source / Exemple :


// Barre par défaut en style indeterminé ( comme celle d'XP )
new ProgressBar( $("container"), {classProgressBar: 'progressBar1'} );

// Progress bar determinée avec selection gérée par setTimeout sens inverse et couleur changeante
new ProgressBar( $("container"), {classProgressBar: 'progressBar8', style: ProgressBar.DETERMINATE, color: {r: 0, g: 255, b: 0}, colorEnd: {r: 255, g: 0, b: 0} }  );

// Barre de progression avec effet de transparence
new ProgressBar( $("container"), {classProgressBar: 'progressBar9', style: ProgressBar.INDETERMINATE | ProgressBar.TRANSPARENCY, color: {r: 0, g: 0, b: 255}, noIndeterminateIndicators: 25 }  );

Conclusion :


versions sont disponible ici:
http://pierrick.hymbert.googlepages.com/progressBarExamples.html

A voir également

Ajouter un commentaire

Commentaires

XtremDuke
Messages postés
631
Date d'inscription
samedi 28 septembre 2002
Statut
Membre
Dernière intervention
18 mai 2009
3 -
C'est clean et bien implémenté. Y'a presque rien à dire.

Cependant, j'ai deux remarques :
- Tu as voulu te passer d'images pour créer tes controles. C'est bien et tu y es arrivé. Mais est-ce vraiment judicieux ? 9 calques pour créer un cluster... je ne suis pas fan de cette approche même si, il est vrai, celà permet de moduler la taille du controle à sa convenance.

- Tu repetes x fois pratiquement la même chose pour créer tes clusters et tes bordures. Pourrais-tu pas réduire celà à une seule et même fonction ?

Et en passant, vive prototype ! ^^'
the_wwt
Messages postés
177
Date d'inscription
jeudi 5 octobre 2006
Statut
Membre
Dernière intervention
16 janvier 2009
1 -
Bonjour,
tout à fait d'accord, il faut gérer ça différement je m'y met.
Aussi je me suis aperçu qu'il n'y avait pas de méthode pour enlever la progress bar.
Je met la source à jour d'ici peu.
Merci pour la critique,
Pierrick
Nix
Messages postés
838
Date d'inscription
samedi 15 mai 1999
Statut
Modérateur
Dernière intervention
18 juillet 2009
-
Pour info : J'ai dézippé et rezippé ton zip et c'est passé. (Cela ne passait pas avec le zip d'origine)
Avec quoi avais-tu compressé ce zip ? (Qu'on regarde pourquoi cela ne fonctionnait pas)
the_wwt
Messages postés
177
Date d'inscription
jeudi 5 octobre 2006
Statut
Membre
Dernière intervention
16 janvier 2009
1 -
Bonjour Nix,
avec la fonction export d'eclipse, je n'utiliserai donc plus cette fonction.
Merci de ton intervention.
Pierrick
Nix
Messages postés
838
Date d'inscription
samedi 15 mai 1999
Statut
Modérateur
Dernière intervention
18 juillet 2009
-
Ok merci pour l'info, on va regarder ce qui n'est pas conforme dans ces zip

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.