HTML <progress> タグ

前へ 完全なHTM リファレンス 次へ

ダウンロード中:

<progress value="22" max="100"></progress>
Try it Yourself ❯

定義と用法

<progress> タグは、タスクの進行状況を表します。


ブラウザ・サポート

表中の数字は、要素を完全にサポートした最初のブラウザ・バージョンを指定しています。

要素
<progress> 8.0 10.0 16.0 6.0 11.0

HTML 4.01 と HTML5 の相違点

<progress> タグは、HTML5で新しく追加されました。


チップスと注意事項

チップ: タスクの進行状況を表示するためには、JavaScript と連携して <progress> タグを使用します。

: <progress> タグは、ゲージ(たとえば、ディスク領域の使用量やクエリ結果の関連性)を表すのには適していません。 ゲージを表するためには、代わりに <meter> タグを使用します。


属性

= HTML5 で新規追加。

属性 説明
max number タスク全体で必要な作業量を指定する
value number タスクが完了した量を指定する

グローバル属性

<progress> タグは、HTML のグローバル属性もサポートします。


イベント属性

<progress> タグは、HTML のイベント属性もサポートします。


関連ページ

HTML DOM リファレンス:Progress オブジェクト


デフォルトの CSS 設定

なし。


前へ 完全なHTM リファレンス 次へ