Progress bar widget

Commenter

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

S'inscrire maintenant

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.

Du même auteur (the_wwt)