Прогрессбар

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

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

Для начала работы с компонентом добавьте класс .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>