Компонент Индикатор выполнения : 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>