Loadie.js is a lightweight jQuery plugin to create a preloader that doesn't suck and that is used by big firms.
If you haven't already, include jQuery and the latest Loadie.js Script on the AJAX-driven page.
<script src="http://code.jquery.com/jquery-latest.min.js">
<script src="js/jquery.loadie.min.js">
Just put in the following jQuery code in your page to initialize Loadie.js.
$('body').loadie(); // Change the wrapper if wanted.
If you haven't already, include jQuery and the latest Loadie.js Script on the AJAX-driven page.
var percent = 0.74;
$('body').loadie(percent); // Insert your percent as params.
If you are running a web page with a fixed header or something fixed or positioned absolute on the top, your loadie will not be visible, because there is something that is called z-index.
.loadie { z-index: 9999; }
Insert this little snippet into your css file and everything should work fine.
At this moment Loadie.js (v1.0) doesn't support extensive options. If you have any ideas what Loadie.js could be, just leave us an issue at Github.
This nice little jQuery plugin was crafted by @iDuuck of 9elements.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent