This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
The HTMLProgressElement interface provides special properties and methods (beyond the regular HTMLElement interface it also has available to it by inheritance) for manipulating the layout and presentation of <progress> elements.
Inherits properties from its parent, HTMLElement.
HTMLProgressElement.maxA double value reflecting the content attribute of the same name, limited to numbers greater than zero. Its default value is 1.0.
HTMLProgressElement.position Read only
Returns a double value returning the result of dividing the current value (value) by the maximum value (max); if the progress bar is an indeterminate progress bar, it returns -1.
HTMLProgressElement.valueA double value that reflects the current value; if the progress bar is an indeterminate progress bar, it returns 0.
HTMLProgressElement.labels Read only
Returns NodeList containing the list of <label> elements that are labels for this element.
No specific method; inherits methods from its parent, HTMLElement.
| Specification |
|---|
| HTML> # htmlprogresselement> |
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | WebView Android | WebView on iOS | |
HTMLProgressElement |
6 | 12 | 6 | ≤12.1 | 6 | 18 | 6 | ≤12.1 | 6 | 1.0 | 4.4 | 6 |
labels |
6 | 18 | 56 | ≤12.1 | 6 | 18 | 56 | ≤12.1 | 6 | 1.0 | 4.4 | 6 |
max |
6 | 12 | 6 | ≤12.1 | 6 | 18 | 6 | ≤12.1 | 6 | 1.0 | 4.4 | 6 |
position |
6 | 12 | 6 | ≤12.1 | 6 | 18 | 6 | ≤12.1 | 6 | 1.0 | 4.4 | 6 |
value |
6 | 12 | 6 | ≤12.1 | 6 | 18 | 6 | ≤12.1 | 6 | 1.0 | 4.4 | 6 |
<progress>
© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/HTMLProgressElement