HTMLProgressElement : propriété position - Les API Web | MDN
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é en lecture seule position de l'interface HTMLProgressElement retourne la progression actuelle de l'élément HTML <progress>.
Valeur
Pour une barre de progression déterminée, retourne le résultat de la valeur courante divisée par la valeur maximale, c'est-à-dire une fraction comprise entre 0.0 et 1.0.
Pour une barre de progression indéterminée, la valeur est toujours -1.
Exemples
HTML
html
Barre de progression déterminée :
<progress id="pBar"></progress> Position : <span>0</span>
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 = pBar.position;
}, 100);
Spécifications
| Specification |
|---|
| HTML # dom-progress-position-dev |