HTMLProgressElement インターフェイス
HTMLProgressElement インターフェイスは、進捗状況や進行状況を表示する <progress> エレメントを定義したインターフェイスです。
HTMLProgressElement インターフェイスは、プロパティ、メソッド、イベントを定義しています。
- EventTarget
-
- └ Node
-
- └ Element
-
- └ HTMLElement
-
- ┆
- ├ HTMLProgressElement
- ┆
<progress> エレメントは以下のような進捗状況や進行状況を示すためのエレメントです。
進捗状況によって表示を操作するには JavaScript を使用する必要があります。JavaScript で max、position、value といったプロパティを操作します。
ページ内 Index
プロパティ(Properties)
HTMLProgressElement インターフェイスは 以下の独自のプロパティをもちます。
| プロパティ | 概要 | 分類 |
|---|---|---|
| .max | 最大値。 double 型。デフォルト 1.0 | |
| .position | .max 値に対して何割か。 double 型 | |
| .value | 現在値。 double 型 | |
| .labels | 関連する <label> エレメントのリスト NodeList を返す |
以下は、HTMLElement インターフェイスのプロパティと継承したプロパティです。参考にしてください。
Nodeのプロパティ一覧
| タイプ名（ハンドラー名） | 概要 | 分類 |
|---|
Elementのプロパティ一覧
| タイプ名（ハンドラー名） | 概要 | 分類 |
|---|
HTMLElementのプロパティ一覧
| タイプ名（ハンドラー名） | 概要 | 分類 |
|---|
メソッド(Methods)
HTMLProgressElement インターフェイスには、独自のメソッドがありません。
HTMLProgressElement インターフェイスが継承したHTMLElement インターフェイスのメソッドです。 Node 、Element インターフェイスのメソッドを含みます。使えないものもあるので参考してください。
Nodeのメソッド一覧
| タイプ名（ハンドラー名） | 概要 | 分類 |
|---|
Elementのメソッド一覧
| タイプ名（ハンドラー名） | 概要 | 分類 |
|---|
HTMLElementのメソッド一覧
| タイプ名（ハンドラー名） | 概要 | 分類 |
|---|
イベント(Event)
HTMLProgressElement にイベントハンドラーを定義する方法には以下があります。
HTMLProgressElement.addEventListener( 'click', ()=>{...} )
HTMLProgressElement.onclick = function(){...}
<button onclick = "..." >
イベントについてはEventを参照してください。 イベントの監視についてはEventTargetが担っています。
以下は、HTMLProgressElement が継承しているイベント一覧です。使えないものもあるので参考にしてください。
GlobalEventHandlersのイベント一覧
| タイプ名（ハンドラー名） | 概要 | 分類 |
|---|
DocumentAndElementEventHandlersのイベント一覧
| タイプ名（ハンドラー名） | 概要 | 分類 |
|---|
HTMLElementのイベント一覧
| タイプ名（ハンドラー名） | 概要 | 分類 |
|---|