HTML <progress> タグ

  • 前のページ <pre>
  • 次のページ <q>

定義と使用法

<progress> タグはタスクの進捗を表すものです。

ヒント：常に追加してください <label> タグ 最適なアクセス性を実現するためのガイドラインを取得するために！

も参照してください：

HTML DOM リファレンスマニュアル：Progress オブジェクト

例

進捗バーを表示します：

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

自分で試してみてください

ヒントとコメント

ヒント：次に <progress> タグと JavaScript を組み合わせて使用すると、タスクの進捗を表示できます。

注意：<progress> タグはデバイス（例えばディスクスペースの使用状況やクエリ結果の関連性）を表すのに適していないです。デバイスを表す場合は、<meter> タグを使用してください。

属性

属性 値 説明
max 数字 タスクに必要な総作業量を指定します。デフォルト値は 1 です。
value 数字 タスクが完了した部分を指定します。

グローバル属性

<progress> タグはさらにサポートしています HTML でのグローバル属性。

イベント属性

<progress> タグはさらにサポートしています HTML でのイベント属性。

デフォルトの CSS 設定

なし。

ブラウザのサポート

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
8.0 10.0 16.0 6.0 11.0
  • 前のページ <pre>
  • 次のページ <q>