認識一下 HTML 比較冷門的一個標籤 meter。
直接使用如下:
<label for="meter">Available Space: </label>
<meter value="20" max="100"></meter>
其中直接設定 max 跟 value,就能顯示最大值和目前的值的量表。
還可以加上 low, optimum, high 這幾個值,這樣就會在不同的 value 顯示不同顏色。
<label for="meter">Available Space: </label>
<meter min="0" low="10" optimum="50" high="90" max="100" value="60"></meter>