HTML5入門

max属性は指定しない場合

<meter value="最小値～1" min="最小値"></meter>

max属性を指定しない場合、min属性には、max属性の初期設定値である1より小さい数値を指定する。value属性には、min属性に指定した最小値から、max属性の初期設定値である1まで範囲の、数値（浮動小数点数）を指定する。

max属性も指定する場合

<meter value="最小値～最大値" min="最小値" max="最大値"></meter>

max属性を指定した場合、min属性には、max属性に指定した最大値より小さい数値を指定する。value属性には、min属性に指定した最小値から、max属性に指定した最大値まで範囲の、数値を指定する。

最小値を設定

<meter value="0.5" min="0.3">0.5</meter>

最小値と最大値を設定

<meter value="50" min="0" max="100">50/100</meter>

HTMLソースコード

<p>
	0.3～1の範囲（実際値は0.5）： 
	<meter value="0.5" min="0.3">0.5</meter>
</p>
<p>
	0.4～1の範囲（実際値は0.5）： 
	<meter value="0.5" min="0.4">0.5</meter>
</p>
<p>
	0.5～1の範囲（実際値は0.5）： 
	<meter value="0.5" min="0.5">0.5</meter>
</p>
<p>
	0～500の範囲（実際値は250）： 
	<meter value="250" min="0" max="500">250/500</meter>
</p>
<p>
	100～500の範囲（実際値は250）： 
	<meter value="250" min="100" max="500">250/500</meter>
</p>
<p>
	200～500の範囲（実際値は250）： 
	<meter value="250" min="200" max="500">250/500</meter>
</p>
<p>
	250～500の範囲（実際値は250）： 
	<meter value="250" min="250" max="500">250/500</meter>
</p>

実際の表示