HTML <progress> Tag
Exemple
Afficher une barre de progression :
<label for="file">Progression du téléchargement :</label>
<progress id="file" value="32" max="100"> 32% </progress> Définition et Utilisation
La balise <progress> représente l'avancement d'une tâche.
Conseil : Ajoutez toujours la balise <label> pour de meilleures pratiques d'accessibilité !
Conseils et Remarques
Conseil : Utilisez la balise <progress> en conjonction avec JavaScript pour afficher l'avancement d'une tâche.
Remarque : La balise <progress> n'est pas adaptée pour représenter un indicateur (par exemple, l'utilisation de l'espace disque ou la pertinence d'un résultat de requête). Pour représenter un indicateur, utilisez la balise <meter> à la place.
Support des Navigateurs
Les chiffres dans le tableau spécifient la première version du navigateur qui prend entièrement en charge l'élément.
| Élément | |||||
|---|---|---|---|---|---|
| <progress> | 8.0 | 10.0 | 16.0 | 6.0 | 11.0 |
Attributs
| Attribut | Valeur | Description |
|---|---|---|
| max | nombre | Spécifie combien de travail la tâche nécessite au total. La valeur par défaut est 1. |
| value | nombre | Spécifie combien de la tâche a été complété. |
Attributs Globaux
La balise <progress> prend également en charge les Attributs Globaux en HTML .
Attributs d'Événement
La balise <progress> prend également en charge les Attributs d'Événement en HTML .
Pages Associées
Référence DOM HTML : Objet Progress
Paramètres CSS par Défaut
Aucun.