Balise HTML <progression>
Exemple
Afficher une barre de progression :
<label for="file">Downloading progress:</label>
<progress id="file"
value="32" max="100"> 32% </progress>
Définition et utilisation
La <progress>balise représente la progression d'achèvement d'une tâche.
Conseil : Ajoutez toujours la balise <label> pour les meilleures pratiques d'accessibilité !
Conseils et remarques
Astuce : Utilisez la <progress>balise conjointement avec JavaScript pour afficher la progression d'une tâche.
Remarque : La <progress>balise n'est pas adaptée pour représenter une jauge (par exemple l'utilisation de l'espace disque ou la pertinence d'un résultat de requête). Pour représenter une jauge, utilisez plutôt la balise <meter> .
Prise en charge du navigateur
Les nombres dans le tableau indiquent la première version du navigateur qui prend entièrement en charge l'élément.
| Element | |||||
|---|---|---|---|---|---|
| <progress> | 8.0 | 10.0 | 16.0 | 6.0 | 11.0 |
Les attributs
| Attribute | Value | Description |
|---|---|---|
| max | number | Specifies how much work the task requires in total. Default value is 1 |
| value | number | Specifies how much of the task has been completed |
Attributs globaux
La <progress>balise prend également en charge les attributs globaux en HTML .
Attributs d'événement
La <progress>balise prend également en charge les attributs d'événement en HTML .
Pages connexes
Référence HTML DOM : Progress Object
Paramètres CSS par défaut
Rien.