Note/Info The <progress> tag is a new tag in HTML5.
HTML5 <progress> tag
The <progress> tag is introduced in HTML5.
It helps to show a progress bar to show the progress of a task.
Syntax:
<progress vale=”number” max=”number-val”></progress>
How Browser will display
INLINE.
Difference between HTML4.01, XHTML and HTML5
| HTML4 | XHTML | HTML5 |
|---|---|---|
| None | None | None |
Attributes used with <progress> tag
| Attribute | Description |
|---|---|
| form | The form attribute defines one or more forms for the elements belong to. |
| max | Represents the maximum value of the range. |
| value | Describes the current value of the element |
Global Attributes
The <progress> tag supports Global attributes.
Event Attributes
The <progress> tag supports Event attributes.
Supporting Browsers
Related Tags
The <meter> tag is similar to <progress> tag but it is mostly used to show the disk space usage while the <progress> tag should be used to show the progress of a particular task.