Balise HTML <progress>

  • Page précédente <pre>
  • Page suivante <q>

Définition et utilisation

<progress> l'étiquette représente la progression de la tâche.

Astuce :Ajoutez toujours <label> Étiquette Pour obtenir les meilleures pratiques d'accessibilité！

Veuillez également consulter：

Manuel de référence HTML DOM：Objet Progress

Exemple

Affichage de la barre de progression：

<label for="file">Téléchargement en cours：</label>
<progress id="file" value="32" max="100"> 32% </progress>

Essayez-le vous-même

Astuces et commentaires

Astuce :Mettre <progress> L'utilisation de la balise en conjonction avec JavaScript permet de visualiser la progression de la tâche.

Attention :<progress> La balise n'est pas adaptée pour représenter des instruments (par exemple, l'utilisation de l'espace disque ou la pertinence des résultats de la requête). Pour représenter des instruments, utilisez la balise <meter>.

Attribut

Attribut Valeur Description
max Numérique Définit la quantité totale de travail nécessaire pour la tâche. La valeur par défaut est 1.
value Numérique Définit la partie de la tâche terminée.

Attributs globaux

<progress> La balise prend également en charge Attributs globaux dans HTML.

Attributs d'événement

<progress> La balise prend également en charge Attributs d'événement dans HTML.

Réglages CSS par défaut

Aucun.

Prise en charge du navigateur

Les nombres dans le tableau indiquent la version du navigateur qui prend en charge le balise pour la première fois.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
8.0 10.0 16.0 6.0 11.0
  • Page précédente <pre>
  • Page suivante <q>