HTML <progress> value 属性

定義と使用法

value タスクが完了した部分を指定します。

進捗バーを表示する

<label for="file">ダウンロード進捗:</label>
<progress id="file" value="32" max="100"> 32% </progress>

自分で試してみる

文法

<progress value="number">

属性値

説明
number 浮動小数点数、タスクが完了した部分を指定します。

ブラウザのサポート

表の数字は、その属性を完全にサポートする最初のブラウザのバージョンを示しています。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
8.0 10.0 16.0 6.0 11.0