From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- files/fr/web/html/element/progress/index.html | 118 ++++++++++++++++++++++++++ 1 file changed, 118 insertions(+) create mode 100644 files/fr/web/html/element/progress/index.html (limited to 'files/fr/web/html/element/progress/index.html') diff --git a/files/fr/web/html/element/progress/index.html b/files/fr/web/html/element/progress/index.html new file mode 100644 index 0000000000..3755c3c0e1 --- /dev/null +++ b/files/fr/web/html/element/progress/index.html @@ -0,0 +1,118 @@ +--- +title: ' : l''élément d''indicateur de progression' +slug: Web/HTML/Element/Progress +tags: + - Element + - HTML + - Reference + - Web +translation_of: Web/HTML/Element/progress +--- +
{{HTMLRef}}
+ +

L'élément HTML <progress> indique l'état de complétion d'une tâche et est généralement représenté par une barre de progression.

+ +
{{EmbedInteractiveExample("pages/tabbed/progress.html", "tabbed-standard")}}
+ + + +

Attributs

+ +

Comme tous les autres éléments HTML, cet élément inclut les attributs universels.

+ +
+
{{htmlattrdef("max")}}
+
Cet attribut indique la valeur correspondant à la complétion de la tâche. Si l'attribut max est présent, sa valeur doit être un nombre décimal supérieur à 0. La valeur par défaut est 1.
+
{{htmlattrdef("value")}}
+
Cet attribut indique l'état actuel de complétion de la tâche avec une valeur numérique. La valeur de l'attribut doit être un nombre décimal compris entre 0 et max  (ou entre 0 et 1 si l'attribut max est absent). Si l'attribut value est absent, la barre de progression traduit un état indéterminé (la tâche est en cours et on ne sait pas la durée qu'elle prendra).
+
+ +
+

Note : La valeur minimale est toujours 0 et il n'existe pas d'attribut min pour l'élément progress. La propriété CSS {{cssxref("-moz-orient")}} peut être utilisée afin d'indiquer si barre de progression doit être affichée horizontalement (le comportement par défaut) ou verticalement.
+ La pseudo-classe CSS {{cssxref(":indeterminate")}} permet quant à elle de cibler les barres de progression indéterminées. Pour qu'une barre d'avancement retrouve un état indéterminé après qu'elle ait eu une valeur, on pourra utiliser element.removeAttribute("value").

+
+ +

Exemples

+ +

HTML

+ +
<progress value="70" max="100">70 %</progress>
+
+ +

Résultat

+ +

{{EmbedLiveSample("Exemples", 200, 50)}}

+ +

Résumé technique

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Catégories de contenuContenu de flux, contenu phrasé, contenu de formulaire (étiquetable), contenu tangible.
Contenu autoriséContenu phrasé sans élément <progress> parmi ses descendants.
Omission de balises{{no_tag_omission}}
Parents autorisésTout élément qui accepte du contenu phrasé.
Rôles ARIA autorisésAucun.
Interface DOM{{domxref("HTMLProgressElement")}}.
+ +

Spécifications

+ + + + + + + + + + + + + + + + + + + + + +
SpécificationÉtatCommentaires
{{SpecName('HTML WHATWG', 'forms.html#the-progress-element', '<progress>')}}{{Spec2('HTML WHATWG')}} 
{{SpecName('HTML5 W3C', 'forms.html#the-progress-element', '<progress>')}}{{Spec2('HTML5 W3C')}}Définition initiale.
+ +

Compatibilité des navigateurs

+ + + +

{{Compat("html.elements.progress")}}

+ +

Voir aussi

+ + -- cgit v1.2.3-54-g00ecf