Taylor Dewey

<p>TDD Progress Bar allows you to track the progress of multiple projects. Actually, as many as you’d like. A cool feature is the ability to “race” multiple projects at once. Progress bars are managed in the admin side and displayed using shortcode. Oh, and did I mention it has a very pretty animation?</p>
<h3>Usage</h3>
<p>In the menus, you’ll see a new menu for “Progress Bars” which is what you’ll use to add and manage progress bars. There’s also an area here for settings, but honestly if you never touch them, things will work fine.</p>
<p>After configuring a progress bar, insert it anywhere you’d like with shortcode.</p>
<ul>
<li>Simple example: <code>[progress id=32]</code></li>
<li>Race multiple bars: <code>[progress id=32,35,54]</code></li>
<li>Set the bar’s width: <code>[progress ids=12,33 width="25%"]</code></li>
<li>Set the height of the bar `[progress ids=12 height=”50px”]</li>
<li>Align Center: <code>[progress ids=4 width="50%" class="aligncenter"]</code></li>
</ul>
<p>Note that “id” and “ids” are interchangeable</p>
<p>Or use the widget which allows you to pick bars to display</p>


TDD Progress Bar

Configure and display any number of percent-complete progress bars.

cchumi

<p>BSPB ProgressBar allows users to set up progress bar based on shortcode in their articles.</p>
<h4>Features include:</h4>
<ul>
<li>Select from 2 progress bar style scripts (Horizontal, Vertical,.. more in future releases)</li>
<li>Automatically extract correct shortcode from article</li>
<li>Enable draw on scroll of the progress bar</li>
<li>Complete settings panels admin. General, ProgressBar, Animations, Usages.</li>
</ul>
<h4>Translations:</h4>
<ul>
<li>French – by <a href="http://pierregagliardi.com/" rel="nofollow ugc">pierre gagliardi</a></li>
</ul>


BSPB ProgressBar by pierre gagliardi

BSPB ProgressBar allows users to set up progress bar based on shortcode in their articles.

TDD Progress Bar vs BSPB ProgressBar by pierre gagliardi