SKT Skill Bar

Description

This plugin adds fancy jquery skill bars. Skill bar like progress bar or circular bar or half circular bar showcasing your skill set in percentage is shown. Fancy animation due to jquery.

Related Links:
* Demo Link for Skill Bars in Action

License

This plugin is free and complimentary and is governed by GPL2 License. Kindly check our wordpress themes at: http://www.sktthemes.net/

Screenshots

  • This is how progress skill bar will appear.
  • This is how half circular skill bar will appear.
  • This is how full circular skill bar will appear.

Installation

This section describes how to install the plugin and get it working.

e.g.

  1. Upload sktskillbar.zip to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. Place shortcode: ‘[skillwrapper type=”bar”]
    [skill title_background=”#f7a53b” bar_foreground=”#f7a53b” bar_background=”#eeeeee” percent=”90″ title=”CSS3″]
    [skill title_background=”#6adcfa” bar_foreground=”#6adcfa” bar_background=”#eeeeee” percent=”55″ title=”WordPress”]
    [skill title_background=”#fa6e6e” bar_foreground=”#fa6e6e” bar_background=”#eeeeee” percent=”85″ title=”PHP”]
    [skill title_background=”#336699″ bar_foreground=”#336699″ bar_background=”#eeeeee” percent=”100″ title=”jQuery”]
    [/skillwrapper]’ without the inverted commas in your page or post for bar type or progress bar.

  4. Or for half circle place shortcode: ‘[skillwrapper type=”gage” align=”left”]
    [skill percent=”75″ title=”WordPress” bar_foreground=”#f00″ bar_background=”#eee”]
    [skill percent=”25″ title=”SEO” bar_foreground=”#f60″ bar_background=”#eee”]
    [skill percent=”50″ title=”PHP” bar_foreground=”#900″ bar_background=”#eee”]
    [/skillwrapper]’ without the inverted commas in your page or post for half circular bars.

  5. Or for full circle place shortcode: ‘[skillwrapper type=”circle” track_color=”#dddddd” chart_color=”#333333″ chart_size=”150″ align=”left”]
    [skill percent=”88″ title=”Web Research”]
    [skill percent=”55″ title=”WordPress”]
    [skill percent=”85″ title=”PHP”]
    [skill percent=”100″ title=”jQuery”]
    [/skillwrapper]’ without the inverted commas in your page or post for full circular bars.

FAQ

Easy to use plugin. Just install it and check under settings for SKT Skill Bar. Given are the different shortcodes for usage. Just place the shortcode in any page or post and you should be done.

Reviews

Stopped working

This plugin randomly stopped working and there is no support for it. Needs to be updated & maintained.

Needs Work

Does not accomidate easyPieChart functionality fully.

Not been tested against latest stable releases in some time.

Had to hack the core for the plugin to do what it says on the tin.

Think twice and just use easyPieChart JS Directly until the dev picks up support again

works, but a few issues

I think this is nice and it fits well but, the full circle one isn’t working so well for my website. I added it but there is no animation, and the circle does not look like its been vectorized, it comes up quite pixelated.

Read all 11 reviews

Contributors & Developers

“SKT Skill Bar” is open source software. The following people have contributed to this plugin.

Translate “SKT Skill Bar” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

=1.4=

Updated plugin to work with latest version of WordPress and mobile devices

=1.3=

Compatibility tested for WordPress 4.2.2

=1.2=

Bugfixes for WordPress 3.8.1

=1.1=

Bugfixes for WordPress 3.8 for skill bar not working

=1.0=

Compatible upto WordPress 3.7.1