HTML Progress Tag

HTML progress tag is used to show the completion of a task.

Progress Bar Uses

This feature is used during the uploading of the file to the server or downloading the file from the server.

Attributes Of HTML5 Progress Tag

Let us see the <progress> element attributes:

Tag Description
value: It defines how much work the task has been completed.
max It defines how much work the task requires in total.

General Syntax

Try it now

Source Code

            Current Work : <progress value="80" max="100"></progress><br/>
Task Completion : <progress value="45" max="100"></progress>          
Try it now

Source Code : Output

Current Work :
Task Completion :

Web Tutorials

HTML Progress Tag
Html Tutorial HTML
Javascript Tutorial JAVASCRIPT
Css Tutorial CSS
Bootstrap 5 Tutorial BOOTSTRAP 5
Bootstrap 4 Tutorial BOOTSTRAP 4