HTML Progress Tag
In HTML, the
<progress> tag is used to indicate the progress of a task.
For better accessibility, it is recommended to always add
<label>tag before it.
<progress>tag in HTML Web Page is used to show an indicator that represents the completion of a task or typically it displays a progress bar.
<progress> Tag Syntax and Usage
<progress> tag requires the start(opening) tag and end(closing) tag.
Required syntax for the same is given below:
<progress> ....content here </progress>
<progress> Tag Attributes
<progress> tag supports both global and event attributes and some of the common attributes are given below.
This attribute is used to indicate how much work task indicated by the progress tag requires. By default, the value of the max attribute is 1.
This attribute is used to indicate the amount of task that has been completed. The value attribute must be a valid floating-point number and it must lie in between 0 and max.
If there is no value then the progress bar is indeterminate.
<progress> Tag Basic Example
Below we have a basic example for clear understanding of <progress> tag:
Default CSS Settings for HTML
Browser Support for HTML
Following browsers support this attribute:
Google Chrome 8+
Internet Explorer 10+