HTMLProgressElement : propriété value
Baseline
Widely available
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>.
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 : <progress id="pBar"></progress>
<span>0</span>%
<br />
Barre de progression indéterminée : <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
| Specification |
|---|
| HTML # dom-progress-value |