javascript barre de progression basé

Question

Je suis curieux de savoir comment un javascript (ou en bénéficiant de jquery) indicateur en fonction de progrès tels peuvent être développés:

alt text http://img707.imageshack.us/img707/3295/dealindicator.png

Ma première idée est quelque chose comme:

function drawBar(total,sofar){ 
......................... 

} 

où il consomme le nombre maximum (20 dans notre cas) et sofar (15 pour l'image).

Mais comment peut-il être implémenté?

Existe-t-il un plugin basé sur jquery pour y parvenir?

Cordialement

Answer 1

Cela se fait généralement avec CSS, en créant un div la taille totale de votre barre de progression, puis un autre enfant div de ce qui a une largeur de pourcentage de la quantité de besoins à combler.

Vous pouvez personnaliser le div s comme vous le souhaitez. Vous souhaitez probablement styler la division interne avec background-color ou background-image & background-repeat. Il peut s'agir d'une couleur unie, d'un dégradé ou d'un motif en bandes, qui semble être plutôt populaire.

Avez-vous recherché Google pour les plugins jQuery? Ils sont assez faciles à trouver. En voici un exemple: http://t.wits.sg/jquery-progress-bar/