<progress>: The Progress Indicator element
<progress> HTML element displays an indicator showing the completion progress of a task, typically displayed as a progress bar.
|Content categories||Flow content, phrasing content, labelable content, palpable content.|
|Permitted content||Phrasing content, but there must be no
|Tag omission||None, both the starting and ending tag are mandatory.|
|Permitted parents||Any element that accepts phrasing content.|
|Implicit ARIA role||
|Permitted ARIA roles||No
This element includes the global attributes.
- This attribute describes how much work the task indicated by the
progresselement requires. The
maxattribute, if present, must have a value greater than
0and be a valid floating point number. The default value is
- This attribute specifies how much of the task that has been completed. It must be a valid floating point number between
max, or between
maxis omitted. If there is no
valueattribute, the progress bar is indeterminate; this indicates that an activity is ongoing with no indication of how long it is expected to take.
Note: Unlike the
<meter> element, the minimum value is always 0, and the
min attribute is not allowed for the
<progress value="70" max="100">70 %</progress>
On Windows 7, the resulting progress looks like this:
|HTML Standard (HTML)|
BCD tables only load in the browser