Progress

Объект Progress представляет собой HTML элемент <progress>.

Свойства объекта Progress

Все свойства не поддерживается в Internet Explorer 9 и более ранних версий.

max

Свойство max устанавливает или возвращает значение атрибута max.

linkObject.max [ = number ]

number - максимальное значение шкалы.

Возвращаемое значение

Число с плавающей точкой, представлящее максимальное значение шкалы.

position

Свойство position возвращает текущую позицию индикатора выполнения.

linkObject.position

Возвращаемое значение

Число с плавающей точкой, представляющее текущее положение индикатора выполнения. Значение этого свойства является результат деления текущего значения (заданное с помощью атрибута value) на максимальное значение (max).

value

Свойство value устанавливает или возвращает значение атрибута value.

linkObject.value [ = number ]

number - определяет текущее значение шкалы.

Возвращаемое значение

Число с плавающей точкой, представляющее текущее значение шкалы.

Пример

<style>progress {width: 300px; height: 30px;}</style>
<progress id="i" value=0;></progress> 
 <span id="demo"></span>
<script>
var h=5; x=document.getElementById('i'); x.max=500;
var y=document.getElementById('demo');

function f()  
  { x.value += h; y.innerHTML=(x.position*100).toFixed(0)+'%';
    if (x.position >=1) h=-5;
    if (x.position <= 0.01) h=5;
  }
 setInterval(f,100);
</script>