HTML progress Tag

HTML<progress>Tag: The HTML<progress> tag specifies the progress of a task. It also defines how much work is done and how much is left to download things. And it is not used to represent the disk space or relevant query.

HTML<progress>Tag

This HTML progress tag supports both the global and the event attributes.

Syntax: <progress> Text</progress>

Attributes

The HTML  progress tag consists of two attributes which are listed below:

max: It represents the total work is to be done for completing a task.
value: It represents the amount of work is already completed.

Browser compatibility

The HTML<progress> tag is supported by different types of browsers.

  • Chrome-8.0
  • Firefox-16.0
  • Opera-11.0
  • Safari-6.0
  • Internet Explorer-10.0

Example:

<!DOCTYPE html>
<html>
<body>
Downloading ....<br>
<progress value="22" max="100">
</progress>
</body>
</html>

Output:

HTML progress tag

Attributes that are supported by the <progress> tag

Attribute Value Description
max number Specifies how much work the task requires in total
value number Specifies how much of the task has been completed