Barre progression donation

Bonjour,

j'aimerai installé une barre de progression sur mon site avec une zone de texte on tape dedans et la barre de progression monte par rapport à la somme rentrer c'est a dire on est à 500 on a eu une donation de 100 on indique dans la zone 600 et la barre va à indique 600 euros sur les 3000€ du projet.


j'ai trouver ceci https://codepen.io/justincron/pen/rbIyD

mais je ne sais pas comment le modifier pour que la barre soit automatique car la on voit que width de la barre du montant et manuell et comment faire en sorte que quand on tappe dans le input la somme change de suite avec un bouton envoyer si besoin.

il me semble que cela peut etre fait en javascript.

merci pour votre aide.

Bonsoir,

j'ai trouvé cette barre de donation mais je n'arrive pas a comprendre comment changer la valeur de progression de la barre.

https://codepen.io/robotballoon/pen/Fjnyp

merci

Bonjour,

C'est dans le CSS

Code:

---

1 2 3 4

#progress { width: x%; }

---

Tout simplement..

Cordialement.