HTML progress tag

The HTML progress tag is used to display indicator (typically a progress bar) showing the completion or the progress of a task.

HTML progress tag

The HTML progress tag is used to display a progress bar that shows the progress of a task. This tag was introduced in HTML 5.

Attributes

AttributeDescription
valueThis attribute is used to specify how much of the task that has been completed. It must be a floating point number. It's value must be between the minimum value (0) and maximum value. If the value attribute is not specified, the progress bar is indeterminate.
maxSpecifies the maximum value. It must be a floating point number above zero. The default value is 1.

Example

<span>Task completed: </span>
<progress max="100" value="30">30%</progress>
<br>
<span>Please wait: </span>
<progress></progress>

Output

Task completed: 30%
Please wait:

HTML <meter> tag.


Share Tweet Send
Loading...
You've successfully subscribed to Geekinsta
Great! Next, complete checkout for full access to Geekinsta
Welcome back! You've successfully signed in
Success! Your account is fully activated, you now have access to all content.