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

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

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>
Документация
Компоненты