HTML DOM Progress Object | HTML Progress Code Tutorial by WDH

HTML DOM Progress Object


The Progress object

Progress objects are new to HTML5.

The Progress object represents an HTML-lt;progress-gt; element.

The element represents the progress of the task.

Access the Progress object

You can access the element by using getElementById():

var x = document.getElementById("myProgress"); Give it a try

Create a Progress object

You can use the document.createElement() method to create an element:

var x = document.createElement("PROGRESS"); Give it a try

Progress object properties

Property Describe
labels Returns a list of labels for the progress bar, if any
max Set or return the value of the progress bar max property
position Returns the position of the current progress bar
value Set or return the value of the progress bar value property

Standard properties and events

Progress objects also support standard properties and events.