Exemple
Téléchargement en cours:
<progress value="22" max="100"></progress>
Essayez - le vous - même » Définition et utilisation
Le <progress> tag représente la progression d'une tâche.
support du navigateur
Les chiffres du tableau indiquent la première version du navigateur qui prend en charge totalement l'élément.
| Élément | |||||
|---|---|---|---|---|---|
| <progress> | 8.0 | 10.0 | 16,0 | 6.0 | 11.0 |
Différences entre HTML 4.01 et HTML5
Le <progress> tag est nouvelle en HTML5.
Trucs et astuces
Astuce: Utilisez le <progress> tag en conjonction avec JavaScript pour afficher la progression d'une tâche.
Remarque: Le <progress> tag ne convient pas pour représenter une jauge (par exemple , utilisation d'espace disque ou de la pertinence d'un résultat de requête).Pour représenter une jauge, utilisez le <meter> tag à la place.
Les attributs
= Nouveau en HTML5.
| Attribut | Valeur | La description |
|---|---|---|
| max | number | Indique la quantité de travail la tâche nécessite au total |
| value | number | Indique combien de la tâche a été achevée |
Attributs globaux
Le <progress> tag soutient également le attributs globaux en HTML .
Attributs de l'événement
Le <progress> tag soutient également l' événement Attributs en HTML .
Pages associées
Référence HTML DOM: Progress Object
Paramètres par défaut de CSS
Aucun.