progress tag

<progress>

Explanation

Progress tag shows the progress of the work.
<progress value="Value" max="Value"></progress>
Element Specific attributes supported by this tag are:
AttributeValueDescription
maxNumberIt indicates the total work which the task requires as whole.
valueNumberIt shows the finished tasks.

Example Code:

Result :

Page loads
  • Work progress is shown in image format.
  • It lessens the additional works done by a user. Previously "Javascript" is used to show work progress in image format. But now user can use this tag to show about progress of a work.
  • It is not feasible to set the minimum value in this tag.
  • The max attribute denotes the width of the progress bar.
It is newly launched in HTML5 and it does not exist in the previous versions of HTML.
It supports both Global Attributes and Event Attributes in HTML5.

Limitations:

It will function only in Opera, Firefox and Chrome browsers.

Ask Questions

Ask Question