Как плавно изменять width: N% с помощью js?

Question

[sasmoney]

Есть такой код:

<div class="nuxt-progress" id="loader" style="width: 1%;"></div>

Как с помощью js, за 500 милисекунд плавно изменить width: с 1% до 100% ?
Стиль:

.nuxt-progress {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    width: 0;
    opacity: 1;
    transition: width .1s,opacity .4s;
    background-color: #2c80ff;
    z-index: 999999;
}

Comments

[Антон]

а чем вам css animation не угодил?

Answer 1

[Danny Arty]

document.getElementById('loader').animate({width: '100%'}, 500);