Preloaders

Provide contextual feedback when content is loading or show the progress of tasks with progress component.

Default preloader

<span class="preloader" role="preloader"></span>

Preloader variations

Different colors for different states of loading.

<span class="preloader success" role="preloader"></span>
<span class="preloader warning" role="preloader"></span>
<span class="preloader danger" role="preloader"></span>

Preloader speed

add class="slow" or class="fast" to change the speed of preloader.

Preloader size

add class="sm" or class="lg" to change the size of preloader.

Progress element

We provide this component to mesure the progress of tasks.

Complete:

<div class="progress" role="progressbar" aria-valuemax="100" aria-valuenow="70">
	<div class="determinate" style="width: 70%"></div>
</div>

Indeterminate State

Indeterminate:

<div class="progress" role="progressbar">
	<div class="indeterminate"></div>
</div>

Issues

Bug or features request ? Open an Issue

Documentation