YouTipHTML DOM Progress value Property
-- Learning is not just about technology, but also about dreams!
JavaScript Reference Manual
JavaScript Objects
- JavaScript Array Object
- JavaScript Boolean Object
- JavaScript Date Object
- JavaScript Math Object
- JavaScript Number Object
- JavaScript String Object
- JavaScript RegExp Object
- JavaScript Global Properties/Functions
- JavaScript Operators
- JavaScript Error
Browser Objects
DOM Objects
- HTML DOM Document Object
- HTML DOM Element Object
- HTML DOM Attribute Object
- HTML DOM Event Object
- HTML DOM Console Object
- CSSStyleDeclaration Object
- DOM HTMLCollection
HTML Objects
- <a>
- <area>
- <audio>
- <base>
- <blockquote>
- <body>
- <button>
- <canvas>
- <col>
- <colgroup>
- <datalist>
- <del>
- <details>
- <dialog>
- <embed>
- <fieldset>
- <form>
- <iframe>
- <frameset>
- <img>
- <ins>
- <input> - button
- <input> - checkbox
- <input> - color
- <input> - date
- <input> - datetime
- <input> - datetime-local
- <input> - email
- <input> - file
- <input> - hidden
- <input> - image
- <input> - month
- <input> - number
- <input> - range
- <input> - password
- <input> - radio
- <input> - reset
- <input> - search
- <input> - submit
- <input> - text
- <input> - time
- <input> - url
- <input> - week
- <keygen>
- <link>
- <label>
- <legend>
- <li>
- <map>
- <menu>
- <menuItem>
- <meta>
- <meter>
- <object>
- <ol>
- <optgroup>
- <option>
- <param>
- <progress>
- <q>
- <script>
- <select>
- <source>
- <style>
- <table>
- <td>
- <th>
- <tr>
- <textarea>
- <title>
- <time>
- <track>
- <video>
Progress value Property
Example
Change the current progress bar's value:
document.getElementById("myProgress").value="75";Definition and Usage
The value property is used to set or return the value of the progress element's value attribute.
The value attribute describes the current progress of the progress bar.
Note: The <progress> element is new in HTML5.
Browser Support
The value property is supported in Internet Explorer 10, Firefox, Opera, Chrome, and Safari 6.
Note: Internet Explorer 9 and earlier versions do not support the value property.
Syntax
Return the value property:
progressObject.valueSet the value property:
progressObject.value=numberProperty Values
| Value | Description |
|---|---|
| number | Describes the progress of the progress bar |
Technical Details
| Return Value: | A floating-point number representing the progress of the current task |
|---|
More Examples
Example
Get the current value (progress) of the progress bar:
var x = document.getElementById("myProgress").value;The x output will be:
75Related Pages
HTML Reference: HTML <progress> value Attribute