HTML pogress tag
HTML <progress> tag represents the completion of a task in the form of the progress bar. In this case, we are not sure how much works remains to be done.
<p>Work's progress is 70%: <progress max=100 value=70> </progress> </p></>
Work's progress is 70%:
Tag UsesSpecific uses of <progress> tag
Determinate progress bar
We must use the value attribute with the current progress to make a determinate progress bar.
<progress max=100 value=70> </progress>
Indeterminate progress bar
We should remove value attribute to make an indeterminate progress bar.
<progress max=100 > </progress>Try</>
Both opening and closing tags are necessary for the progress element.
All the global attributes are applicable on the progress element.
Was this article helpful?