Concept

Tag <progress> is used to display the progress or percentage of completion of a task.

It is very useful when you want to display the progress of a process, such as downloading a file, loading a web page, or the progress of a game.

Usage

Syntax

<progress value="giá_trị" max="giá_trị_tối_đa"></progress>

In which:

• value is the current value of the process. It must be within the value range from 0 to max.
• max is the maximum value of the process. It determines the percentage of completion of the process.

Example

<progress value="50" max="100"></progress>

Result:

In this example, the current value of the process is 50 and the maximum value is 100. This means that the task is 50% completed.