Компонент Индикатор выполнения : Progress

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

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

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

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

Пример

  • <progress id="js-progressbar" class="uk-progress" value="10" max="100"></progress>
    <script>
        document.addEventListener("DOMContentLoaded", function(event) {
    
            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>
Документация
Компоненты