HTML PROGRESS <progress> Tag

0 2573

The task improvement can be displayed with the utilization of HTML Progress <progress> tag. The role of both the value attributes and max attributes is to show the amount of progress completion of the task.

Moreover, it is required for the new browsers to use this tag in HTML. But this progress tag is not ought to be used only for the gauge, rather it should be utilized to show the task progress only.

Particularly, for this purpose, <meter> tag should be in use.

<!DOCTYPE html>
<html>
<head>
<title> Progress Tag </title>
</head>
<body>
<h2>Example of Progress tag</h2>
<progress></progress>
<br/>
<br/>
Downloading progress:
<progress value="50" max="100"></progress>
</body>
</html>

Output: