HTML <progress> Tag
Description
The <progress> HTML element is used for representing the progress of a task.
This element could be used in conjunction with JavaScript to display the progress of a task or process as it is underway.
Properties
- Permitted Parents
- Any element that accepts phrasing content
- Content
- Inline and text, but no
<progress>among its descendants - Start/End Tags
- Start tag: required, End tag: required
Example
Download progress:
<progress value="45" max="100"></progress>Attributes
| Attribute | Definition |
|---|---|
| max | Specifies how much of the task has been completed |
| value | Specifies how much work the task requires in total |
Global Attributes
The <progress> tag also supports the Global Attributes in HTML5
Event Attributes
The <progress> tag also supports the Event Attributes in HTML5
Browser Support
| Desktop | |||||
 |
 |
 |
 |
 |
 |
| 10 | Yes | 6 | 6 | 11 | 6 |
| Tablets / Mobile | |||||
 |
|
|
|
|
 |
| Yes | Yes | 6 | 11 | 7 | Yes |
Last updated by CSSPortal on: 6th December 2019