HTMLProgressElement : propriété max - 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é max de l'interface HTMLProgressElement représente la borne supérieure de l'intervalle de l'élément HTML <progress>.
Valeur
Un nombre à virgule flottante supérieur à zéro. La valeur par défaut est 1.0.
Exemples
HTML
html
Progression : <progress id="pBar"></progress> <span>0</span>%
JavaScript
js
const pBar = document.getElementById("pBar");
const span = document.getElementsByTagName("span")[0];
console.log(`Valeur par défaut de max : ${pBar.max}`);
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-max |