<progress>

Description

The <progress> HTML element displays an indicator showing the completion progress of a task, typically displayed as a progress bar. It supports the value (representing the current progress) and max (representing the total progress required) attributes. If value is omitted, the progress bar is indeterminate, showing an active animation to indicate work is underway.

Code Snippet

<h2>Download Progress</h2>
<progress value="75" max="100"></progress>

<!-- Indeterminate progress bar -->
<progress></progress>

Static Live Preview

Interactive Playground