タグ progress

タグ progress は、タスクの完了進捗を表示するために使用されます。値の変更はJavaScriptを介して行われます。タグ内には、ブラウザがこのタグを理解しない場合に表示されるテキストを指定します。

属性

属性 説明
value 進捗の現在値。
max 進捗の最大値。

属性の値は整数または小数が使用されます。

例

html<progress max="100" value="25">
  25% ロード済み
</progress>

Результат:

例

html<progress max="100" value="75">
  75% ロード済み
</progress>

Результат:

例

html<progress max="100" value="100">
  100% ロード済み
</progress>

Результат:

例

html<progress max="100" value="0">
  0% ロード済み
</progress>

Результат:

例 . 小数値

html<progress max="100" value="10.5">
  10.5% ロード済み
</progress>

Результат:

関連項目

  • タグ meter,
    これは値の範囲を見栄え良く表示します