Categories
HTML Web development

HTML progress tag

HTML progress tag

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:

38%

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!