progress要素

progress要素はHTML5から新たに追加された要素です。

全体のタスクに対してどの程度のタスクが終了しているかを表します。タスク数をmax属性で表し、value属性で進捗率を示します。

測定値を表す場合にはmeter要素要素を用います。

使用例

<progress max="100">ダウンロード中です。</progress>

<progress value="10" max="100">10%</progress>

使用可能な属性

• すべてのグローバル属性
• value
• max

コンテンツカテゴリ

• フローコンテンツ
• フレージングコンテンツ
• フォーム関連要素（ラベル付け可能）
• パルパブルコンテンツ

子要素にしていい要素の種類

• フレージングコンテンツ
  • ただし、progress要素を除く

親要素にしていい要素の種類

• フレージングコンテンツが期待されているすべての要素

仕様書と策定状況