jamesdbruner

Create an automatic page load progress bar. Based on <a href="http://github.hubspot.com/pace/docs/welcome/" rel="nofollow ugc">Pace – Automatic page load progress bar</a>. Javascript by <a href="https://twitter.com/zackbloom" rel="nofollow ugc">Zack Bloom</a> CSS by <a href="https://twitter.com/adamfschwartz" rel="nofollow ugc">Adam Schwartz</a>. Themes inspired by <a href="http://tympanus.net/codrops/2013/09/18/creative-loading-effects/" rel="nofollow ugc">Mary Lou</a>
See a working demo here: <a href="http://pace.jamesdbruner.com" rel="nofollow ugc">pace.jamesdbruner.com</a>
Cool Features:
<ul>
<li>Customize the color of the progress bar with an easy to use color picker</li>
<li>Choose which progress bar ‘theme’ you want to use from a dropdown list</li>
<li>Decide whether you want to have the progress bar on every page or use the shortcode to add it to just a few specific pages/posts</li>
<li>The shortcode allows you to have different colored progress bars with varying themes on a page to page basis.</li>
</ul>
How to use the shortcode:
There are two attributes you can use
<ul>
<li>color</li>
<li>theme</li>
</ul>
Example: <code>[pace color="#29d9dd" theme="minimal"]</code> or just <code>[pace]</code> will work fine. (the default color is #29d9dd and the default theme is minimal)
There are ten themes to choose from
<ul>
<li>Minimal</li>
<li>Flash</li>
<li>Barbershop</li>
<li>MacOSX</li>
<li>Fill-Left</li>
<li>Flat-Top</li>
<li>CornderIndicator</li>
<li>Bounce</li>
<li>Big Counter</li>
<li>Center Circle</li>
</ul>

WP Pace

Create an automatic page load progress bar. Based on Pace - Automatic page load progress bar. Javascript by Zack Bloom CSS by Adam Schwartz.

atilbian

This free plugin give you the ability to add different kind of loading bar for your website. 
Simple admin setting to change color and progress bar theme. You can choose to add them globally to your website or page by page.
I really like adding nice progress bar to my website, giving user a fancy way to make this boring moment fun ! 
With this plug and play plugin, I want to help people to add loading effects to their websites easily.
It’s a PACE (https://github.hubspot.com/pace/docs/welcome/# , developed by hubspot) wrapper with themes from various authors.
Shortcode give you a way to add specific shortcode for each page. It will override the globally defined progress bar. 
Example of use: 
[aplpb_shortcode theme=”minimal” color=”blue”] 
If theme or color are not set, the shortcode will use the global defined theme or color.

Automatic Page Load Progress Bar

Embed beautiful loading bar on your wordpress website in just a few clics.

WP Pace vs Automatic Page Load Progress Bar