HTMLProgressElement: position-Eigenschaft - Web-APIs

HTMLProgressElement: position-Eigenschaft - Web-APIs | MDN

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

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

Browser-Kompatibilität

Help improve MDN

Erfahren Sie, wie Sie beitragen können Diese Seite wurde automatisch aus dem Englischen übersetzt.