Baseline Widely available
Die value
-Eigenschaft der Schnittstelle HTMLProgressElement
stellt den aktuellen Fortschritt des <progress>
-Elements dar.
Eine Gleitkommazahl. Wenn kein max
-Wert auf der Fortschrittsanzeige gesetzt ist, liegt der Wert zwischen 0,0 und 1,0. Wenn der max
-Wert gesetzt ist, liegt der value
zwischen 0
und dem max
-Wert.
Wenn die value
-Eigenschaft nicht auf das HTMLProgressElement
-Objekt gesetzt ist, bleibt die Fortschrittsanzeige unbestimmt.
Determinate Progress bar: <progress id="pBar"></progress> <span>0</span>%
<br />
Indeterminate Progress bar: <progress></progress>
JavaScript
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);
Spezifikationen Browser-Kompatibilität MDN-Feedback-Box War diese Ãbersetzung hilfreich?
Diese Seite wurde automatisch aus dem Englischen übersetzt.
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4