<progrès>


HTML5 <progress> Balises

Instance

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

下载进度：
<progress value="22" max="100">
</progress>

<p><strong>注意：</strong> IE 9 或者更早版本的 IE 浏览器不支持 progress 标签。</p>

</body>
</html>

Exécuter l'instance»

Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne

Prise en charge du navigateur

1000.png

IE 10, Firefox, Opera , Chrome et Safari 6 prennent en charge la balise <progress>

Remarque : IE 9 ou les versions antérieures des navigateurs IE ne prennent pas en charge la balise <progress>

Définition de la balise et instructions d'utilisation

<progress> La balise définit la progression (processus) de la tâche en cours.

Différences entre HTML 4.01 et HTML5 La balise

<progress>

Conseils et notes

Conseil : Utilisez la balise <progress>

Remarque : La balise <progress> ne convient pas pour représenter des métriques (par exemple, l'utilisation de l'espace disque ou les résultats de requêtes associés). Pour représenter les poids et les mesures, utilisez plutôt la balise <meter>

Attribut

Nouveau : Nouvel attribut en HTML5.

PropriétéValeurDescription
maxNouveau
属性值描述
maxNewnumber规定需要完成的值。
valueNewnumber规定进程的当前值。
numéroSpécifie la valeur qui doit être complétée.
valeurNouveau

numéroDispositions La valeur actuelle du processus.
Attributs globaux

La balise <progress> prend en charge les attributs globaux HTML.

Attributs d'événement

La balise <progress> prend en charge les attributs d'événement HTML.
<🎜>