備忘録的プログラミングリファレンス

HTMLProgressElement インターフェイス

 HTMLProgressElement インターフェイスは、進捗状況や進行状況を表示する <progress> エレメントを定義したインターフェイスです。
 HTMLProgressElement インターフェイスは、プロパティメソッドイベントを定義しています。

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 インターフェイスのメソッドです。 NodeElement インターフェイスのメソッドを含みます。使えないものもあるので参考してください。

Nodeのメソッド一覧 

タイプ名(ハンドラー名)概要分類

Elementのメソッド一覧 

タイプ名(ハンドラー名)概要分類

HTMLElementのメソッド一覧 

タイプ名(ハンドラー名)概要分類

イベント(Event)

 HTMLProgressElement にイベントハンドラーを定義する方法には以下があります。

HTMLProgressElement.addEventListener( 'click', ()=>{...} )
HTMLProgressElement.onclick = function(){...}
<button onclick = "..." >

 イベントについてはEventを参照してください。 イベントの監視についてはEventTargetが担っています。

 以下は、HTMLProgressElement が継承しているイベント一覧です。使えないものもあるので参考にしてください。

GlobalEventHandlersのイベント一覧 

タイプ名(ハンドラー名)概要分類

DocumentAndElementEventHandlersのイベント一覧 

タイプ名(ハンドラー名)概要分類

HTMLElementのイベント一覧 

タイプ名(ハンドラー名)概要分類