Loading-Visualization DEMO

Indeterminate loading

<div class="lv-bars lv-mid lg" data-label="Loading...">

	Large	Medium	Small	Tiny
Without label
With label

<div class="lv-squares tiny lvl-5" data-label="Loading...">

	Large	Medium	Small	Tiny
Without label
With label

<div class="lv-circles sm lvl-5" data-label="Loading...">

	Large	Medium	Small	Tiny
Without label
With label

<div class="lv-dots lv-mid lg>

	Large	Medium	Small	Tiny
Without label
With label

<div class="lv-spinner lv-mid md" data-label="Loading...">

	Large	Medium	Small	Tiny
Without label
With label

<div class="lv-dashed sm lvl-5">

	Large	Medium	Small	Tiny
Without label
With label

<div class="lv-line lv-mid lvb-3" data-label="Loading...">

<div class="lv-bordered_line lg lv-mid">

<div class="lv-determinate_circle tiny lvl-5" data-label="Loading..." data-percentage="true">

<div class="lv-determinate_line lg lv-mid lvb-3" data-label="Loading..." data-percentage="true">

<div class="lv-determinate_bordered_line lv-mid lvb-3" data-percentage="true">