最新のWeb開発のチュートリアル
 

HTML <progress> Tag


進行中のダウンロード:

<progress value="22" max="100"></progress>
»それを自分で試してみてください

定義と使用法

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


ブラウザのサポート

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

素子
<progress> 8.0 10.0 16.0 6.0 11.0

HTML 4.01とHTML5の違い

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


ヒントと注意事項

ヒント:使用<progress>タスクの進行状況を表示するには、JavaScriptと一緒にタグを。

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


属性

= HTML5で追加。

属性 説明
max number タスクが合計で必要とどのくらいの仕事を指定します
value number 完了しているどのくらいのタスクの指定

グローバル属性

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


イベント属性

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


関連ページ

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


デフォルトのCSS設定

なし。