Таймер обратного отсчета до счета

Question

Привет, ребята, у меня есть этот сценарий обратного отсчета, но я хочу, чтобы он подсчитывался и вместо обновления div-диапазона обновлял значение индикатора выполнения.

HTML

<progress value="**UPDATE THIS**" max="780"></progress> 

скриптом

var sec = $('#update span').text(), secInit = sec; 
     var timer = setInterval(function() { 
      $('#update span').text(--sec); 
      if (sec == 0) { 
       sec = secInit; 
       $.ajax({ 
        url: "{{ url('/user/update') }}", 
        type: "GET", 
        data: { 'id' : {{ Auth::user()->id }} } 
       }); 
      } 
     }, 1000); 

Любая идея?

Спасибо, Tiago

Answer 1

Дайте прогресс бар идентификатор, такой как

<progress id="progress-bar" value="**UPDATE THIS**" max="780"></progress> 

и использовать некоторые JavaScript, чтобы изменить значение каждого второго, например.

var timer = setInterval(function() { 
      var progbar = document.getElementById("progress-bar"); 
      progbar.value = progbar.value < 780 ? +progbar.value + 1 : 0; 
     }, 1000); 

Fiddle