Form Mastery - HTML5 Mastery: Semantics, Standards, and Styling - page 166

Figure 4-27. A meter element reducing in value through the high and low ranges
The code for the preceding meters is as follows:
<p>
<meter min="0" low="20" high="80" optimum="90" max="100"
value="100">Space left: </meter> 100%
</p>
<p>
<meter min="0" low="20" high="80" optimum="90" max="100"
value="90">Space left: </meter> 90%
</p>
<p>
<meter min="0" low="20" high="80" optimum="90" max="100"
value="80">Space left: </meter> 80%
</p>
<p>
<meter min="0" low="20" high="80" optimum="90" max="100"
value="70">Space left: </meter> 70%
</p>
<p>
<meter min="0" low="20" high="80" optimum="90" max="100"
value="60">Space left: </meter> 60%
</p>
<p>
<meter min="0" low="20" high="80" optimum="90" max="100"
value="50">Space left: </meter> 50%
</p>
<p>
<meter min="0" low="20" high="80" optimum="90" max="100"
value="40">Space left: </meter> 40%
</p>