Progress bar plugin for wordpress, responsive progress bar and retina ready, full customize, compatible with major browsers, easy to use, one wordpress shortcode only.
WP Progress Bar Plugin Features
- Fully Responsive.
- Retina Ready.
- Full Customize.
- Settings Page (you can set default options easily).
- Compatible with all major browsers.
- One shortcode & Easy to use.
Live Demo (default style)
Live Demo (custom style)
More demos? Visit my resume page, and take a look at the “My Skills” chapter.
Progress Bar Plugin
Download plugin and install it and activate it, if you want to set default options, go to Plugins menu > WP Progress Bar.
Progress Bar Shortcode
Just use this shortcode:
[wp_progress_bar text=”Photoshop” pc=”90″]
Now your “Photoshop” skill will be “90%”.
Shortcode Attributes
- text=”” enter your text, for example: text=”Photoshop”, default is none.
- text_color=”” enter text color code, for example: text_color=”#ff0″, default is white #fff.
- background=”” enter wrap background color, for example: background=”#ff0″, default is #eee.
- progress_color=”” enter progress color, for example: progress_color=”#ff0″, default is #bbb.
- pc=”” enter percentage, for example: pc=”90″, default is 0%.
- width=”” enter wrap width size, for example: width=”200″, default is 100%.
- bottom=”” enter wrap margin bottom value, for example: bottom=”15″, default is 30px.
The Settings
If you want to set default options, enter your custom values and custom color codes in settings page, after that ignore “Shortcode Attributes”, just use this shortcode:
[wp_progress_bar text=”my skill” pc=”75″] with your text=”” and pc=”” without style attributes.
9 Comments
Craig Clark
Why do you need this plug? It would be most helpful if you start out explaining the purpose of it!
Qassim Hassan
You will need it for your resume (CV),
An example: About me page
Cesare
Hi,
very nice and clean job;)
I’d like to use a progress bar like yours in my woocommerce theme.
I need it to work like in a pre-order campaign in which every time a customer buy an item, the progress bar moves on.
You can see an example of what I mean in a already online eshop:
https://www.weargustin.com/store/2118
Do you think I could integrate your plugin in a woocommerce theme with this aim?
Thanks in advance
Qassim Hassan
Yes you can integrate it.
hamed
hi
could you please explain more?
how can we integrate your plugin in that way?
thanks
Qassim Hassan
What do you mean?
Brad Baird
Can you make the progress bar responsive to a value that is entered in a custom field?
Qassim Hassan
It’s responsive.
irfan
Hi do you have any plugin which can be accessed by front end users to enter there skills in percentage the output must be progress bar on resume.
Thanks and Regards
Irfan