<meter>
<meter> 要素は既知の範囲内のスカラー値、または分数値を表します。進捗バーには <progress> を使用してください。
概要
<meter> 要素は既知の範囲内のスカラー値、または分数値を表します。進捗バーには <progress> を使用してください。
対応ブラウザ
デスクトップ
Chrome 6+
Edge 18+
Safari 6+
Firefox 56+
モバイル
Chrome Android 18+
Safari iOS 10.3+
Firefox Android 56+
基本構文
HTML
<label>ディスク使用量:
<meter value="70" min="0" max="100" low="30" high="80" optimum="50">70%</meter>
</label>実務での使いどころ
-
<meter> の活用
既知の範囲内のスカラー値を表すゲージ要素。ディスク使用量や投票結果の表示に使用。
注意点
- 古いブラウザでは対応していない場合がある。
アクセシビリティ
- スクリーンリーダーでの読み上げを確認すること。