cross
Hit enter to searchOverlay or ESC to close

Preloaders

Preload spinner.

Circular Preloader Small
Circular Preloader Medium
Circular Preloader Large
Circular Flashing Colors

Documentation


With this proloader element template is also using Nprogress bar. You can see demo on page load.

Nprogress Docs

Disable Preloader

Remove 'has-preloader' class from body tag to disable preloader.

Code Example


<div class="preloader-wrapper small active">
   <div class="spinner-layer spinner-blue-only">
      <div class="circle-clipper left">
         <div class="circle"></div>
      </div>
      <div class="gap-patch">
         <div class="circle"></div>
      </div>
      <div class="circle-clipper right">
         <div class="circle"></div>
      </div>
   </div>
</div>