@Crushing

Как сделать что бы изменялись цифры?

Есть прогресс бар, в браузере все работает, в JSFiddle - нет, не знаю почему. Первый вопрос, почему не работает в jsfiddle.
а второй, как сделать так что бы цифры тоже изменялись вместе с полосой прогресса

https://jsfiddle.net/189pm3nz/
  • Вопрос задан
  • 150 просмотров
Решения вопроса 1
0xD34F
@0xD34F Куратор тега JavaScript
document.querySelector('button').addEventListener('click', function() {
  const bar = document.querySelector('#progress');
  const label = document.querySelector('#procent');

  let width = 0;
  const interval = setInterval(function() {
    if (++width >= 100) {
      clearInterval(interval);
    }

    bar.style.width = label.innerText = `${width}%`;
  }, 10);
});
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы
28 нояб. 2024, в 21:25
5000 руб./за проект
28 нояб. 2024, в 18:46
3000 руб./за проект
28 нояб. 2024, в 17:46
10000 руб./за проект