<meter>
量を表すバーを表示します。
<progress>と同じように使用することもできますが、
進歩状況を表す場合は
<progress>を使うことが推薦されています。
有効な属性
属性名 | 説明 |
value | 値 |
min | 最小値。省略時は0 |
max | 最大値。省略時は1 |
low | min<=lowの範囲が「低」となります。 |
high | high<=maxの範囲が「高」となります。 |
optimum | 最適範囲 |
min<=value<=max でなければいけません。
optimumに関しては、
low及びhighにより区切られた3つの範囲のうちoptimumが属する範囲が最適範囲となります。
low,high,optimumを設定した場合は、valueがどの範囲に属するかでゲージの色が変わってくると思われます。
例
<meter min="0" max="100" value="50">ここは非対応ブラウザで表示される</meter>
実際の表示
ここは非対応ブラウザで表示される