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 | 12 | 6 | 6 | 11 | 6 |
| Tablets / Mobile | |||||
 |
|
|
|
|
 |
| Yes | Yes | 6 | 11 | 7 | Yes |
Last updated by CSSPortal on: 6th December 2019
Share this Page
If you have enjoyed using CSSPortal, please consider sharing this page with other users, just click on your preferred social media link or copy the webpage from the link below.
URL