FREE Web Template Download
HTML CSS JAVASCRIPT SQL PHP BOOTSTRAP JQUERY ANGULARJS TUTORIALS REFERENCES EXAMPLES Blog
 

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