HTML progress tag

<progress> tag in HTML

The <progress> tag represents the progress state of an operation, like a file transfer, an encoding or the retrieval of values from a database.

Example

Try Yourself

max and value attribute in <progress> tag

The total amount of work to be done is set at max attribute.

value attribute is used to set the value of the <progress> tag within the range given in the max attribute.

Example

Try Yourself

If the below example is difficult to understand leave it, we can learn it later.

Example - control progress bar animation using javascript

Try Yourself