<progress value="0.7">Progress</progress>New! My 44-page ebook "CSS in 44 minutes" is out! 😃
# progress
Defines a progress bar.
Example: Copy
Example: Copy
<progress value="71" max="100">Alex</progress><br>
<progress value="16" max="100">Brandon</progress><br>
<progress value="40" max="100">Charlotte</progress><br>
<progress value="92" max="100">Sam</progress>
value
Defines the value of the progress bar, on the scale defined by the max attribute.
"0.7"
You can use decimal and negative numbers. It must be between the min and max values.
"-42"
If you use a value that is lower than the minimum, the progress bar will be empty.
"63"
If you use a value that is higher than the maximum, the progress bar will be full.
max
Defines the maximum value possible on the progress bar.
"1"
Default.
You can use decimal and negative numbers.
"100"
You can use decimal and negative numbers.