HTMLProgressElement: position-Eigenschaft
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2015 browserübergreifend verfügbar.
Die position-Eigenschaft des HTMLProgressElement-Interfaces, die nur lesen ist, gibt den aktuellen Fortschritt des <progress>-Elements zurück.
Wert
Für eine determinierte Fortschrittsanzeige gibt sie das Ergebnis des aktuellen Wertes geteilt durch den Maximalwert zurück, d.h. ein Bruchteil zwischen 0.0 und 1.0.
Für eine indeterminierte Fortschrittsanzeige beträgt der Wert immer -1.
Beispiele
HTML
html
Determinate Progress bar: <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);
Spezifikationen
| Spezifikation |
|---|
| HTML # dom-progress-position-dev |