Latest web development tutorials

×

JavaScript Reference

JavaScript

JS String JS Number JS Operators JS Statements JS Math JS Date JS Array JS Boolean JS RegExp JS Global JS Conversion

Browser BOM

Window Navigator Screen History Location

HTML DOM

DOM Document DOM Elements DOM Attributes DOM Events DOM Style

HTML Objects

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <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> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

Other Objects

CSSStyleDeclaration

Progress max Property

< Progress Object

Example

Change the maximum value in a progress bar:

document.getElementById("myProgress").max = "50";

Try it Yourself »

Definition and Usage

The max property sets or returns the value of the max attribute of a progress bar.

The max attribute specifies how much work the task requires in total before it can be considered complete.

Note: The <progress> element is new in HTML5.

Browser Support

The max property is supported in Internet Explorer 10, Firefox, Opera, Chrome, and Safari 6.

Note: The max property is not supported in Internet Explorer 9 and earlier versions.

Syntax

Return the max property:

progressObject.max

Set the max property:

progressObject.max=number

Property Values

Value	Description
number	Specifies how much work the task requires in total before it can be considered complete

Technical Details

Return Value:	A floating point number, representing how much work the task requires in total

More Examples

Example

Get the maximum value of a progress bar:

var x = document.getElementById("myProgress").max;

The result of x will be:

100

Try it Yourself »

Related Pages

HTML reference: HTML <progress> max attribute

< Progress Object