HTML DOM ProgressObject


Progress Object

The Progress object is new in HTML5.

The Progress object represents an HTML <progress> element.

The <progress> element represents the progress of a task.

Access a Progress Object

You can access a <progress> element by using getElementById():

var x = document.getElementById("myProgress"); Try it Yourself

Create a Progress Object

You can create a <progress> element using the document.createElement() method:

var x = document.createElement("PROGRESS"); Try it Yourself

Progress Object Properties

Property Description
labels Returns a list of labels for the progress bar (if any)
max Sets or returns the value of the max attribute of the progress bar
position Returns the current position of the progress bar
value Sets or returns the value of the value attribute of the progress bar

Standard Properties and Events

The Progress object also supports standardpropertiesandevents。


Related Articles

HTML Reference Manual:HTML <progress> Tag

Other Extensions