Coding With Fun
Home Docker Django Node.js Articles Python pip guide FAQ Policy

HTML DOM Progress object


May 06, 2021 JavaScript with HTML DOM Reference book


Table of contents


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.


Related articles

HTML Reference Manual: HTML slt;progress.gt; Tags