: METER 要素
最終更新：2026-09-12
<meter>METER 要素
一定範囲（min–max）内の既知の測定値を表示します。ディスク使用量・評価・温度などに使います。進捗が不明なタスクには <progress> を使います。
| カテゴリ | フォーム |
|---|---|
| コンテンツモデル | フローコンテンツ |
| 許可される親要素 | フローコンテンツを受け入れる要素 |
| 閉じタグ | 必要 </meter> タグ |
| ステータス | 標準 |
📝 構文
<meter value="0.6" min="0" max="1">60%</meter>⚙️ 属性
この要素はグローバル属性に加え、以下の属性をサポートします：
| 属性 | 値 | 説明 |
|---|---|---|
value | The current measured value (required). | |
min | Lower bound of the range, default 0. | |
max | Upper bound of the range, default 1. | |
low | The 'low' threshold. | |
high | The 'high' threshold. | |
optimum | The optimal value, affecting color hints. |
▶ サンプル
下のコードを編集して、playground でリアルタイム結果を確認：
🌐 ブラウザサポート
| ブラウザ |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <meter> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| すべての主要ブラウザでサポート | |||||
ヒント： meter は固定範囲の測定値用です。進捗が不明な場合は <progress> を使いましょう。
🏷️ 関連タグ
💡 関連ケース
今後さらにケーススタディを追加予定です。
📚 関連チュートリアル
