A RetroSearch Logo

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Search Query:

Showing content from https://developer.cdn.mozilla.net/de/docs/Web/API/HTMLProgressElement/value below:

HTMLProgressElement: value-Eigenschaft - Web-APIs | MDN

HTMLProgressElement: value-Eigenschaft

Baseline Widely available

Die value-Eigenschaft der Schnittstelle HTMLProgressElement stellt den aktuellen Fortschritt des <progress>-Elements dar.

Wert

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.

Beispiele HTML
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