HTML Tag
<!--
main_leaderboard, all: [728,90][970,90][320,50][468,60]-->
HTML <progress> Tag
❮
Reference
❯
Example
Downloading in progress:
<progress value="22" max="100"></progress>
Try it Yourself »
Definition and Usage
The <progress> tag represents the progress of a task.
Browser Support
The numbers in the table specify the first browser version that fully supports the element.
| Element | |||||
|---|---|---|---|---|---|
| <progress> | 8.0 | 10.0 | 16.0 | 6.0 | 11.0 |
Differences Between HTML 4.01 and HTML5
The <progress> tag is new in HTML5.
Tips and Notes
Tip: Use the <progress> tag in conjunction with JavaScript to display the progress of a task.
Note: The <progress> tag is not suitable for representing a gauge
(e.g. disk space usage or relevance of a query result). To represent a gauge,
use the <meter> tag instead.
<!--
mid_content, all: [300,250][336,280][728,90][970,250][970,90][320,50][468,60]-->
Attributes
| Attribute | Value | Description |
|---|---|---|
| max | number | Specifies how much work the task requires in total |
| value | number | Specifies how much of the task has been completed |
Global Attributes
The <progress> tag also supports the Global Attributes in HTML.
Event Attributes
The <progress> tag also supports the Event Attributes in HTML.
Related Pages
HTML DOM reference: Progress Object
Default CSS Settings
None.
❮
Reference
❯