HTMLProgressElement

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

HTMLProgressElement インターフェイスは、(継承によって利用できる HTMLElement オブジェクトのインターフェイス以外に)<progress> 要素のレイアウトや表現を操作するためのプロパティやメソッドを提供します。

EventTarget Node Element HTMLElement HTMLProgressElement

インスタンスプロパティ

親である HTMLElement から継承したプロパティがあります。

HTMLProgressElement.max

double 値で、同名のコンテンツ属性を反映します。0 以上の数値に限定されます。既定値は 1.0 です。

HTMLProgressElement.position 読取専用

double 値で、現在値 (value) を最大値 (max) で割った結果を返します。プログレスバーが不確定プログレスバーの場合は -1 を返します。

HTMLProgressElement.value

double 値で、現在の値を反映します。プログレスバーが不確定プログレスバーの場合は 0 を返します。

HTMLProgressElement.labels 読取専用

この要素のラベルである <label> 要素のリストを格納した NodeList を返します。

インスタンスメソッド

固有のメソッドはありません。親である HTMLElement から継承したメソッドがあります。

仕様書

Specification
HTML
# htmlprogresselement

ブラウザーの互換性

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
HTMLProgressElement
labels
max
position
value

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support

関連情報

  • このインターフェイスを実装している HTML 要素: <progress>