<HTML> #CSS

<progress> comme progress | progression
Affiche une barre de progression
Les éléments saisies à l’intérieur de <progress >…</progress > ne sont pas affichés mais servent au cas où le navigateur ne serait pas compatible avec cette balise

A ne pas confondre avec <meter> qui représente une jauge métrée

Code

Aperçu dans le navigateur

<progress> utilise les attributs globaux

Indique la valeur actuelle de la barre de progression

La valeur de value doit être inférieur ou égale à la valeur de l'attribut max

<progress value="nombre">

Valeur	Description	Infos
nombre	La valeur de progression de la barre
nombre	`<progress value="nombre">texte</progress>` <progress value="0.57">57%</progress>

Indique la valeur maximum de la barre de progression

La valeur de max doit être supérieur ou égale à la valeur de l'attribut value

<progress value="nombre" max="nombre">

Valeur	Description	Infos
nombre	La valeur maximal de la barre de progression Par defaut `max`=1
nombre	`<progress value="nombre" max="nombre">texte</progress>` <progress value="600" max="1000">600 sur 1000</progress>