Loading...
HTML <progress> Tag

HTML <progress> Tag

In this tutorial, we will learn about progress tag in HTML with the help of examples.


<progress> Tag

Progress tag <progress> is used to specifies a completion progress of the task. It display the progress bar with the value of progressbar can be manipulated by Javascript.

Syntax

<progress />

Example

<!DOCTYPE html>
<html>
  <head>
    <title>Progress Tag</title>
  </head>
  <body>
    <h2>Marks Scored</h2>
    <progress value = "70" max = "100"/>
  </body>
</html>

Output

Marks Scored


Specific Attribute

Attribute Value Description
max Number It specifies the maximum value for the progress bar
value Number It specifies how much the task has been completed

Global Attribute

Progress Tag support all the global attributes of HTML.


Event Attribute

Progress Tag support all the event attributes of HTML.


Next Tutorial

We hope that this tutorial helped you develop better understanding of the concept of <progress> tag in HTML.

Keep Learning : )

In the next tutorial, you'll learn about HTML <q> Tag.

- Related Topics