Description
Progressbar plugin will enable awesome progress bar with various styles.
you can change your progressbar with various styles with custom width, color, animation styles.
demo and documentation: http://design.hellothirteen.com/custom-progress-bar/
Screenshots
Installation
This section describes how to install the plugin and get it working.
e.g.
- Upload custom-progress-bar.php to the
/wp-content/plugins/
directory - Activate the plugin through the ‘Plugins’ menu in WordPress
- Place ” in your templates
- to get the hook name, see the documentation.
- Use shortcode in posts, page or in widget
Plugin usage –
progress bar can be easily embedded into any page or post. To use it, simply paste this code into your post, page or widget.
[progressbar_simple]
Usages of different progressbar, you can use this shortocode in your posts, pages or widgets.
To use striped progress bar, use this shortocode
Chnage the text field as you want.
[progressbar_striped width="78" color="#ddd" bg_color="#1582cf" text="78% completed"]
To use striped animated bar, use this shortocode
[progressbar_striped class="active" width="75" text="75% In PHP" bg_color="#e43573"]
To use 3 Colors progress bar, use this shortocode
for default style
[pregressbar_multicolor]
To use 3 Colors progress bar, use this shortocode
for custom style style
[pregressbar_multicolor width="90" bg_color_1="#ec13b7" bg_color_2="#cd60b2" bg_color_3="#ed99d8" text_1="90%"]
To customize your progress bar, you have to use some codes with this shortcode:
You can use width for changing your progressbar width.
You can use bg_color for changing your progressbar background-color.
You can use color for changing your progressbar font-color. e.g.
[progressbar width="60" color="#000" bg_color="#aaa"]
[progressbar_striped width="25" color="#ddd" bg_color="#000"]
Also you can use text for changing your progressbar text over the progressbar.
[progressbar_striped width="25" color="#ddd" text="25% completed"]
This plugin also supported widget shortcode, you can use shortcode in the widget also.
Reviews
Contributors & Developers
“Custom progress bar” is open source software. The following people have contributed to this plugin.
ContributorsTranslate “Custom progress bar” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
2.0
- Added Circular progress bar and changed the style of progressbar
1.0
- Initial Release