HTMLProgressElement : propriété value

Baseline Large disponibilité

Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis juillet 2015.

La propriété value de l'interface HTMLProgressElement représente la progression actuelle de l'élément HTML <progress>.

Dans cet article

Valeur

Un nombre à virgule flottante. Si la valeur max n'est pas définie sur la barre de progression, la valeur varie entre 0.0 et 1.0. Si la valeur max est définie, alors la valeur varie entre 0 et la valeur max.

Si la propriété value n'est pas définie sur l'objet HTMLProgressElement, la barre de progression reste indéterminée.

Exemples

HTML

html
Barre de progression déterminée&nbsp;: <progress id="pBar"></progress>
<span>0</span>%
<br />
Barre de progression indéterminée&nbsp;: <progress></progress>

JavaScript

js
const pBar = document.getElementById("pBar");
const span = document.getElementsByTagName("span")[0];

pBar.max = 100;
pBar.value = 0;

setInterval(() => {
  pBar.value = pBar.value < pBar.max ? pBar.value + 1 : 0;

  span.textContent = Math.trunc(pBar.position * 100);
}, 100);

Spécifications

Spécification

HTML
# dom-progress-value

Compatibilité des navigateurs

Activez JavaScript pour afficher ce tableau de compatibilité des navigateurs.

Aider à améliorer MDN

Cette page vous a-t-elle été utile ?

Oui Non

Apprendre à contribuer

Cette page a été modifiée le 9 janv. 2026 par les contributeur·ice·s du MDN.

Voir cette page sur GitHub • Signaler un problème avec ce contenu

API HTML DOM
HTMLProgressElement
Propriétés d'instance
1. labels
2. max
3. position
4. value
Héritage
Pages liées à HTML DOM
Guides
1. Utiliser les microtâches en JavaScript avec queueMicrotask()
2. Aller plus loin : Les microtâches et l'environnement d'exécution JavaScript