HTML
HyperText Markup Language progress element.
progress 要素
HTMLの progress要素は、タスクの進捗状況を表示します。プログレスバーとしてよく表示されます。
<label for="file">File progress:</label>
<progress id="file" max="100" value="70"> 70% </progress>
- コンテンツカテゴリ
- フローコンテンツ、記述コンテンツ、ラベル付け可能コンテンツ、知覚可能コンテンツ
- 許可されている内容
- 記述コンテンツ。ただし、子要素に <progress> 要素を含めてはならない。
- タグの省略
- 不可。開始と終了タグの両方が必要。
- 許可されている親要素
- 記述コンテンツ を受け入れるすべての要素
- 許可されている ARIA ロール
- なし
- DOM インターフェイス
- HTMLProgressElement
属性
この要素にはグローバル属性があります。
- max
- この属性は、progress 要素で示すタスクで必要とする総作業量を設定します。max 属性を指定する場合は、値を 0 より大きい有効な浮動小数点数値にしなければなりません。既定値は 1 です。
- value
- この属性は、タスクの進捗状況を設定します。値は 0 から max までの間、または max を省略する場合は 0 から 1 までの間の、有効な浮動小数点数値であることが必要です。value 属性がない場合は、プログレスバーは不定、タスクは処理中であるものの完了までが予想できない状態になります。
メモ: 最小値は常に 0 であり、min 属性は progress 要素で許可されていません。-moz-orient CSS プロパティを使用して、プログレスバーを水平方向に表示する (既定値) か垂直方向に表示するかを指定できます。
メモ: :indeterminate 疑似クラスは、不定状態のプログレスバーにマッチします。プログレスバーを値がある状態から不定の状態に変更するには、element.removeAttribute("value") で value 属性を削除しなければなりません。