max属性

progress要素のmax属性は、タスクの全作業量を示す数値を指定する属性。HTML5にて新たに導入された属性である。

ブラウザ対応

構文

<progress max="全作業量"></progress>

タスクの全作業量を示す数値を指定する。

サンプルコード

<progress value="50" max="100"></progress>

サンプル

HTMLソースコード

<p>
	進捗度0%： 
	<progress value="0" max="100">0%</progress>
</p>
<p>
	進捗度50%： 
	<progress value="50" max="100">50%</progress>
</p>
<p>
	進捗度100%： 
	<progress value="100" max="100">100%</progress>
</p>
<p>
	進捗度5/7： 
	<progress value="5" max="7">5/7</progress>
</p>

実際の表示

進捗度0%： 0%

進捗度50%： 50%

進捗度100%： 100%

進捗度5/7： 5/7