@germanberg

Как после заполнения прогресс бара заставить появиться блок див?

<div id="myProgress">
  <div id="myBar">
    <div id="label"></div>
  </div>
</div><br>
<div id="block"></div>
<button onclick="move();  this.style.display='none';" id="run" class="button primary small">Click Me</button>

<script>
function move() {
  var elem = document.getElementById("myBar");   
  var width = 0;
  var id = setInterval(frame, 100); // 600 это минута 3000-5 мин 12600-21 мин
  function frame() {
    if (width >= 100) {
      clearInterval(id);
    } else {
      width++; 
      elem.style.width = width + '%'; 
      document.getElementById("").innerHTML = width * 1  + '%';
    }
  }
}
</script>
  • Вопрос задан
  • 53 просмотра
Решения вопроса 1
uiworks
@uiworks
if (width >= 100) {
     Селектор блока.style.display = 'block';
      clearInterval(id);
    }
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
mrKhatter
@mrKhatter
программист
Напишите условие в котором при достижении 100% див отображается!
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы