HTML5のリファレンスサイトです。


<meter>

量を表すバーを表示します。

<progress>と同じように使用することもできますが、
進歩状況を表す場合は<progress>を使うことが推薦されています。

有効な属性
属性名説明
value
min最小値。省略時は0
max最大値。省略時は1
lowmin<=lowの範囲が「低」となります。
highhigh<=maxの範囲が「高」となります。
optimum最適範囲

min<=value<=max でなければいけません。

optimumに関しては、
low及びhighにより区切られた3つの範囲のうちoptimumが属する範囲が最適範囲となります。

low,high,optimumを設定した場合は、valueがどの範囲に属するかでゲージの色が変わってくると思われます。



<meter min="0" max="100" value="50">ここは非対応ブラウザで表示される</meter>

実際の表示
ここは非対応ブラウザで表示される

[編集]   [AD]
rentafree.net