The HTML <progress> tag expresses the completion progress of a task.
Example:
<!DOCTYPE html>
<html>
<body>
<label for="file">Downloading progress:</label>
<progress id="file" value="38" max="100"> 38% </progress>
</body>
</html>Output:
Attributes:
max (value- number) -defines how much work the task requires in total, the default value is 1.
value (value- number) – defines how much of the task has been completed.
Note: The HTML <progress> tag is not suitable for expressing a gauge (e.g. disk space usage or relevance of a query result). To express a gauge, use the HTML <meter> tag.
Enjoy coding!