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.