progress
<progress> 要素はタスクの進捗状況を示します。主にプログレスバーとして表示されます。
- 分類
- フローコンテンツ、フレージングコンテンツ、ラベル付け可能コンテンツ、知覚可能コンテンツ
- 内包できるもの
- フレージングコンテンツ（子要素に <pregress> 要素を含めないこと）
属性
タスクの作業総量
タスクの進捗状況
value=”” 属性はタスクの進捗状況を設定します。値は 0 から max=”” で指定した数値までの間、max=”” を省略した場合は 0 から 1 までの間の浮動小数点数値である必要があります。
サンプル
属性が指定されていないとき不定状態となり、多くの Web ブラウザではバーが左右に動きます。主に読み込み中であることを知らせる時などに使用できます。
HTML
<progress value="70" max="100">70%</progress>
<progress></progress>