HTMLProgressElement: position property

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

The position read-only property of the HTMLProgressElement interface returns current progress of the <progress> element.

Value

For determinate progress bar returns the result of current value divided by max value, i.e., a fraction between 0.0 and 1.0.

For indeterminate progress bar the value is always -1.

Examples

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);