HTMLProgressElement : HTMLElement
Return to: HTML DOM Level 5 index

Represents the completion progress of a task.

Platform Support

Mozilla Chrome Safari Opera IE Netscape
no no 4.0.6+ no no no

Constructors

Constructor Action Mozilla Chrome Safari Opera IE Netscape
HTMLProgressElement Constructor() : HTMLProgressElement
Creates an instance of the HTMLProgressElement.
 Show Details no no 4.0.6+ no no no

HTMLProgressElement() : HTMLProgressElement

Creates an instance of the HTMLProgressElement.

Returns
HTMLProgressElement

Visibility
internal

Properties

Property Action Mozilla Chrome Safari Opera IE Netscape
value : Number
Specifies how much of the task has been completed.
 Show Details no no 4.0.6+ no no no
Availability

WhatWG
max : Number
Specifies how much work the task requires in total.
 Show Details no no 4.0.6+ no no no
Availability

WhatWG
position : Number
For a determinate progress bar (one with known current and maximum values), returns the result of dividing the current value by the maximum value.
Show Details no no 4.0.6+ no no no
Availability

WhatWG
form : HTMLFormElement
Used to explicitly associate the progress element with its form owner.
 Show Details no no 4.0.6+ no no no
Availability

WhatWG
labels : NodeList
Returns a NodeList of all the label elements that the form control is associated with.
 Show Details no no 4.0.6+ no no no
Availability

WhatWG

Inherited Functions

Method Action Mozilla Chrome Safari Opera IE Netscape
getElementsByClassName(String classNames) : NodeList
Returns a NodeList containing all the Element nodes with the specified classNames.
 Show Details 1.9+ 5.0+ 3.1+ 9.51+ no no

Parameters
String classNames (one-or-more)A string representing the class name(s) of the elements to return. Multiple class names should be separated by spaces.

Returns
NodeList

Using getElementsByClassName

                        	                    document.getElementById("useCases").getElementsByClassName("question");

Would return a NodeList of all elements inside the element with the id "useCases" to which the class "question" applies.

                        	                    document.getElementById("useCases").getElementsByClassName("question issue");

Would return a NodeList of all elements inside the element with the id "useCases" to which both the classes "question" and "issue" apply.

Remarks

Returns a list of child elements to which the specified className applies. The returned NodeList is sorted in tree order (the order the elements were found during a depth-first preorder traversal through the node tree).

See Also

Document.getElementsByClassName|Element.getElementsByClassName|HTMLDocument.getElementsByClassName

Availability

HTML 5|W3C|W3C

References

HTMLProgressElement

Availability

JavaScript 1.2|WhatWG

text_javascript aptana_docs