English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Manuel de référence HTML

Tous les balises HTML

HTML5: <progress> balise

L'élément HTML <progress> ( <progress>) est utilisé pour afficher le progrès d'une tâche. Bien que la norme ne définisse pas comment cet élément doit être affiché, les développeurs de navigateurs peuvent décider eux-mêmes. Cependant, dans la plupart des cas, cet élément est affiché sous forme de barre de progression.

Exemple en ligne

Marque "Téléchargement en cours" :

!doctype html>
<html>
<head>
  <title>HTML5 progress标签的使用(基础教程网 oldtoolbag.com)</title>
  <meta charset="UTF-8">
</head>
<body>
    <p>This is a live example of the HTML5 element <a href="//fr.oldtoolbag.com"><progress></a></p>
    <progress value="70" max="100">70 %</progress>
</body>
</html>
Testons voir ‹/›

Navigateur compatibilité

IEFirefoxOperaChromeSafari

IE 10、Firefox、Opera、Chrome et Safari 6 prend en charge le balise <progress>.

Remarque : IE 9 ou versions plus anciennes de IE ne prennent pas en charge le balise <progress>.

Définition et instructions d'utilisation des balises

Le balise <progress> définit la progression d'une tâche en cours (processus).

HTML 4.01 et HTML5différences entre

Le balise <progress> est un balise HTML5 nouvelles balises dans

Avis et remarques

Astuce :Utilisez le balise <progress> avec JavaScript pour afficher la progression d'une tâche.

Remarque :Remarque : Le balise <progress> n'est pas adapté pour représenter des mesures (par exemple, l'utilisation de l'espace disque ou des résultats de requêtes associés). Pour représenter des mesures, utilisez <meter> balise remplace

Attribut

New : HTML5 nouvel attribut dans

AttributValeurDescription
maxHTML5numberDéfinit la valeur à atteindre.
valueHTML5numberDéfinit la valeur actuelle du processus.

Attributs globaux

Support du balise <progress> Attributs globaux HTML.

Attributs d'événement

Support du balise <progress> Attributs d'événement HTML.