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

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

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

使用例

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

使用可能な属性

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

コンテンツカテゴリ

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

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

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

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

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

仕様書と策定状況

仕様書 策定状況
W3C 勧告
WHATWG Living Standard
最終更新:2017年12月26日

ミツエーリンクスでは、デジタルメディアにおける企業と顧客とのコミュニケーション課題を解決する、さまざまなサービスをご提供しています。ぜひ一度サービスページをご覧ください。

関連情報