“progress”要素~“value”属性

“value”属性について

“value”属性は“meter”要素で表される進捗状況の現在の値を指定します。

“value”属性の値は“0.0”から“max”属性が指定されていればその値、“max”属性が省略されていれば“1.0”までの数値で指定します。

“value”属性を省略した場合は不明な進捗状況の状態になります。

指定できる値

値は“0”以上の数値です。

サンプルコード

進捗状況

0%
<p><label>進捗状況：<progress id="task" max="100" value="0">0%</progress></label></p>
25%
<p><label>進捗状況：<progress id="task" max="100" value="25">25%</progress></label></p>
50%
<p><label>進捗状況：<progress id="task" max="100" value="50">50%</progress></label></p>
75%
<p><label>進捗状況：<progress id="task" max="100" value="75">75%</progress></label></p>
100%
<p><label>進捗状況：<progress id="task" max="100" value="100">100%</progress></label></p>


0%

進捗状況：0%

25%

進捗状況：25%

50%

進捗状況：50%

75%

進捗状況：75%

100%

進捗状況：100%

不明な進捗状況

<p><label>進捗状況：<progress id="task" max="100">計算中</progress></label></p>


進捗状況：計算中