HTML Progress Tag

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

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

      
        <progress></progress>

Source Code

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

Source Code : Output

  Current Work : 

Task Completion : 

Html Tutorial HTML

Javascript Tutorial JAVASCRIPT

Css Tutorial CSS

Bootstrap 5 Tutorial BOOTSTRAP 5

Bootstrap 4 Tutorial BOOTSTRAP 4