15 JQUERY LOADER, PROGRESS BAR AND CONTENT ANIMATIONS

A jQuery loader or jQuery progress bar may seem trivial.  However it can be more important than you think, especially if your site takes a long time to load.  A jQuery loader can let your users know that something good is coming.  Take care though, because with more anticipation comes greater expectation.

Included in this post are some handy jQuery loaders, progress bars and content animations that I have stumbled across.

JQUERY LOADERS

LOADIE

loadie-jquery-loader

Demo | Source

 

PERCENTAGE LOADER

jquery-percentage-loader

Demo | Source

 

JQUERY AJAX LOADER & SPINNER

aplus-ajax-loader

Demo | Source

 

JQUERY.NIMBLE.LOADER

jquery-nimble-loader

Demo | Source

JQUERY CIRCULAR PROGRESS BAR

circular-jquery-loader

Demo | Source

SPIN.JS

spin-js-jquery-loader

Demo | Source

CSS3 PIE GRAPH TIMER WITH JQUERY

CSS3-Pie-Graph-Timer-with-jQuery

Demo | Source

 

JQUERY PROGRESS BARS

PURE CSS3 AND JQUERY PROGRESS BAR

css-jquery-progress-bar

Demo | Source

JQUERY PROGRESSBAR

jquery-progress-bar

Demo | Source

 

INFINITE SCROLLING

INFINITE AJAX SCROLL, A JQUERY PLUGIN

Infinite-AJAX-Scroll-jQuery-plugin

Demo | Source

 

TRIGGERED INFINITE SCROLL

Triggered Infinite Scroll

Demo | Source

 

CONTENT LOADING ANIMATIONS

QUERYLOADER

query-loader

Demo | Source

 

INNERFADE

innerfade jquery loader

Demo | Source

 

QUICKSAND

Quicksand-jquery-content-animation

Demo | Source

 

FLIP!

jquery-flip