Прогрессбар

Создавайте индикаторы выполнения, которые показывают, как далеко продвигается процесс.

Использование

Для начала работы с компонентом добавьте класс .uk-progress к элементу <progress>.

<progress class="uk-progress" value="" max=""></progress>

  • <progress id="js-progressbar" class="uk-progress" value="10" max="100"></progress>

<script>

    UIkit.util.ready(function () {

        var bar = document.getElementById('js-progressbar');

        var animate = setInterval(function () {

            bar.value += 10;

            if (bar.value >= bar.max) {
                clearInterval(animate);
            }

        }, 1000);

    });

</script>