BaselineLab

HTML meter playground

Explore meter with controls for the current value, total range, and low, high, and optimum thresholds of a known scalar measurement.

62/100 62/100
low
35
high
75
optimum
90
value
62/100
HTML 
<label for="baseline-meter">Storage usage</label>
<meter
  id="baseline-meter"
  min="0"
  max="100"
  low="35"
  high="75"
  optimum="90"
  value="62"
>
  62/100
</meter>