Как плавно запустить строку индикатора выполнения в html ⇐ CSS

[Anonymous]

Код: Выделить всё

function move() {
var elem = document.getElementById("myBar");
var width = 1;
var counter = 1;
var id = setInterval(frame, 1000);
function frame() {
if (width >= 60) {
clearInterval(id);
} else {
width += 1;
elem.innerHTML = counter++;
elem.style.width = width + 'px';
}
}
}

Код: Выделить всё

#myProgress {
width: 120px;
background-color: #ddd;
}

#myBar {
width: 0px;
height: 10px;
background-color: #4CAF50;
}

Код: Выделить всё

JavaScript Progress Bar


0


Click Me

В приведенном выше фрагменте есть прогрессивная полоса, которая будет заполняться. автоматически при нажатии кнопки и заполнит полосу, добавив style.width на 1. Я хочу, чтобы эта прогрессивная полоса заполнялась плавно, но миллисекунды должны оставаться неизменными, т.е. 1000.

Подробнее здесь: https://stackoverflow.com/questions/519 ... ne-in-html