<meter value="0.7">Progress</meter>New! My 44-page ebook "CSS in 44 minutes" is out! 😃
# meter
Defines a horizontal meter.
Example: Copy
Example: Copy
<meter min="0" low="16" value="71" high="92" max="100">Alex</meter><br>
<meter min="0" low="16" value="16" high="92" max="100">Brandon</meter><br>
<meter min="0" low="16" value="40" high="92" max="100">Charlotte</meter><br>
<meter min="0" low="16" value="92" high="92" max="100">Sam</meter>
value
Defines the value of the meter, 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 meter will be empty.
"63"
If you use a value that is higher than the maximum, the meter will be full.
max
Defines the maximum value possible on the meter.
"1"
Default.
You can use decimal and negative numbers.
"100"
You can use decimal and negative numbers.
min
Defines the minimum value possible on the meter.
"0"
Default.
You can use decimal and negative numbers.
"-150"
You can use decimal and negative numbers.
low
Defines the lowest value across the range defined by the meter.
"0.16"
The value must be higher than min and lower than high.
high
Defines the highest value across the range defined by the meter.
"0.92"
The value must be lower than max and higher than low.