🏆 Challenge #P5 · Progress bars HTML · challenges/P5_progress-bars.html JS · challenges/js/P5_progress-bars.js


À faire

  • À faire
  • Terminé
  • En cours
  • Incomplet
  • Blocage

Barre de progression basique

Générez une barre de progression avec comme niveau de complétion, la valeur comprise entre 0 et 100 entrée dans le champ ci-dessous

25%

Barre de progression par bloc

Renseignez un nombre total de tâches ainsi que le nombre de tâches terminées. Grâce à ces 2 informations, calculez le pourcentage de tâches terminées. Par exemple, 2 tâches terminées sur 10 donne 20%.
Le barre de progression est composée de 20 blocs. Pour qu'un bloc apparaisse, il faut lui ajouter la classe filled.
Enlevez manuellement dans le HTML la classe filled sur les 5 premiers blocs.

25%

Une nouvelle version est disponible !

Mettez votre support à jour pour bénéficier des dernières corrections, améliorations, et nouveaux challenges !

Version locale

Publication 

Dernière version

Publication