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

<meter>エレメント

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

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

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

 インタラクティブに動かすにはJavaScriptなどのスクリプトを利用します。

JavaScript

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

属性

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

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

動作の確認