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

Индикатор прогресса или процесса (Progress, progress bar) - элемент интерфейса, который визуально отображает процесс работы, ход выполнения текущей задачи.

Применение

«Progress» - определяет индикатор выполнения, который показывает, как далеко продвигается процесс. Чтобы применить компонент «Индикатор процесса», добавьте класс .uk-progress к элементу <progress>.

<progress class="uk-progress" value="" max=""></progress>
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>