<progress>
A progress bar for a task: an upload, the steps of a form.
Syntax
<progress value="70" max="100">70%</progress>Attributes
| Parameter | Type | Description |
|---|---|---|
| value | number | How much is done. Without it — an indeterminate 'busy' bar. |
| max | number | The value that means 100%. Defaults to 1. |
Examples
Determinate and indeterminate progress:
<p>Upload: <progress value="70" max="100">70%</progress></p>
<p>Waiting: <progress></progress></p>Notes
Text inside the tag is shown only by browsers that do not support it. For a measurement within a range (battery level, disk usage) use <meter>, not <progress>.
See also
Related recipes
In the tutorial
- Input types — The type attribute of input — text, email, password, numbers and sliders, dates, checkboxes, radio buttons, colour and file.