<progress>
The progress element displays the completion progress of a task.
Syntax
<progress value="n" max="m"></progress>Examples
<label for="up">Upload</label>
<progress id="up" value="32" max="100">32%</progress>
Output
Renders a progress bar filled about one third of the way.
Notes
Omit the value attribute to show an indeterminate (animated) bar. The text content is fallback for legacy browsers. Associate with a <label> for accessibility.
Browser & runtime support
| Environment | Since version |
|---|---|
| chrome | 8.0 |
| firefox | 6.0 |
| safari | 6.0 |
| edge | 12 |