Latest web development tutorials
 

HTML DOM Progress Object


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():

Example

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

Create a Progress Object

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

Example

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

Progress Object Properties

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

Standard Properties and Events

The Progress object also supports the standard properties and events.


Related Pages

HTML reference: HTML <progress> tag