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