renp

<p>A lightweight responsive progress bar which will work with your favourite HTML5 theme.</p>
<p>It works with major browsers, is configurable and only dependency is jQuery which is heavily used by WordPress themes.</p>
<p><strong>Usage</strong></p>
<p>Use the shortcode [rprogress] anywhere while editing your post or page. Below are some examples:</p>
<ul>
<li>[rprogress value=80]  displays a progress bar with value of 80%</li>
<li>[rprogress value=95 text=”Homework nearly completed”]  writes a text as well</li>
<li>[rprogress value=75 color=”#ff0000″] uses red color for the progress bar</li>
<li>[rprogress value=70 color=”#00ff00″ delay=300] uses green color, draws the progress bar faster (default delay is 1000)</li>
</ul>
<p>Below is a complete list of attributes with default values as well:</p>
<ul>
<li>value (default = 100)</li>
<li>color (default = “#4af”)</li>
<li>bgcolor (default = “#cc” )</li>
<li>delay (default = 1000)</li>
<li>border_radius (default = “3px”)</li>
<li>text (default = “”)</li>
<li>text_color (default = “#333”)</li>
</ul>


Responsive Progress Bar

Shortcode for displaying a responsive configurable progress bar.

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.

Responsive Progress Bar vs BSPB ProgressBar by pierre gagliardi