It is used to show the progress in the completion of a task, usually shown as a progress bar.
Supports two attributes: max
to indicate how much the task requires to complete and value
to indicate how much of the task has already been completed. Both are optional and their value is a float.
max
defaults to 1 and must be greater than 0, while value
must be between 0 and max
or between 0 and 1 if max
is not defined. In case of no value
, <progress>
takes an indeterminate value and is accessible by CSS with the pseudo-class :indeterminate
.
For better accessibility it should be used with an associated tag using for
-id
.
- Type: block
- Self-closing: No
- Semantic value: No
Top comments (0)