Home > Abakada: Back to Basics > Language References > HTML Elements > PROGRESS Element
| Represents the completion progress of a task. | HTML 2, 3.2, 4, 4.01, 5 |
HTML Syntax
<progress
max = number
value = number
>
NOTE: Both start and end tags are required.
The <progress> element displays an indicator showing the completion progress of a task, typically displayed as a progress bar.
Two attributes determine the current task completion represented by the element. The max attribute specifies how much work the task requires in total, and the value attribute specifies how much of the task has been completed.
If max is omitted, its value defaults to 1. If value is omitted, the progress is deemed indeterminate, indicating that progress is being made but that it is not clear how much more work remains to be done before the task completes.
The <progress> element supports the following attributes, in addition to global attributes common to all HTML elements.
| max | number | Specifies how much work the task requires in total. Default value is 1 |
| value | number | Specifies how much of the task has been completed |
The below shows a progress element with no value attribute set.
<progress max=100></progress>
which would render as :
The below shows a progress element with its value attribute set.
<progress max=100 value=70></progress>
which would render as :
METER