備忘録的プログラミングリファレンス

meter タグエレメント

 meter タグエレメントは、数値をゲージで表示する HTML タグエレメントです。範囲内のスカラー値または、現在の数値をゲージで表現します。

 進捗状況や進行状況などのプログレス表現は<progress>エレメントを使いましょう。

meter タグエレメント
<meter max="100" min="0" value="80"></meter>
	
詳しくは「動作の確認」を参照してください。

 インタラクティブに動かすには JavaScript を利用します。

- ad -

属性

グローバル属性も持ちます。以下に主な属性のみを示します。

AttributeValueExtra information
idcssにも使えます。エレメントをユニークとします。
classcssに使います。同名のclassは同じスタイルが適応されます。
form関連する<form>エレメントのID。
high上の基準値で最大値より小さい。
low下の基準値で最小値より大きい。
max最大値。
min最小値。
optimum最適値。
value現在値。

動作の確認

- ad -

JavaScript

 <meter> エレメントは、HTMLMeterElement インターフェイスに定義されています。プロパティ、メソッド、イベントについては HTMLMeterElement を参照してください。