Как я могу использовать переменные с индикатором прогресса HTML5?

Question

<progress id="bar" max="25" value="5"></progress> 

Как вы можете видеть, max является целым числом, поэтому значение. Как изменить индикатор выполнения, чтобы он был совместим с переменными.

Например:

<progress id="PROGRESSBAR" max="VARIABLEMAX" value="VARIABLEVALUE"></progress> 

Это не работает:

<progress id="expbar" max="upcost" value="clicks"></progress> 
<script> 

    document.getElementById("expbar").setAttribute("max", upcost); 
    document.getElementById("expbar").setAttribute("value", clicks); 

    var clicks = 0; // How many clicks you have 
    var upgrades = 0; // How many upgrades you have purchased 
    var upcost = 25; // How much the upgrades cost 

Answer 1

Если вы используете JQuery это работает:

var v = 25; 
$("#bar").attr("max", v).attr("value", v); 

с JavaScript это должно работать:

var v = 25; 
document.getElementById("bar").setAttribute("max", v); 
document.getElementById("bar").setAttribute("value", v);