SKT Skill Bar
CIRCLE CHART
The following code needs to be used as a shortcode to make the circle chart appear.
[code type=php]
[skillwrapper type= »circle » track_color= »#F60″ chart_color= »#900″ chart_size= »150″ align= »center »]
[skill percent= »75″ title= »Web Research »]
[skill percent= »50″ title= »WordPress »]
[skill percent= »95″ title= »PHP »]
[/skillwrapper]
[/code]
[skillwrapper type= »circle » track_color= »#F60″ chart_color= »#900″ chart_size= »150″ align= »center »]
[skill percent= »75″ title= »Web Research »]
[skill percent= »50″ title= »WordPress »]
[skill percent= »95″ title= »PHP »]
[/skillwrapper]
BAR CHART
The following code needs to be used as a shortcode to make the bar chart appear.
[code type=php]
[skillwrapper type= »bar »]
[skill title_background= »#f7a53b » bar_foreground= »#f7a53b » bar_background= »#eeeeee » percent= »75″ title= »CSS3″]
[skill title_background= »#6adcfa » bar_foreground= »#6adcfa » bar_background= »#eeeeee » percent= »50″ title= »WordPress »]
[skill title_background= »#fa6e6e » bar_foreground= »#fa6e6e » bar_background= »#eeeeee » percent= »100″ title= »PHP »]
[skill title_background= »#336699″ bar_foreground= »#336699″ bar_background= »#eeeeee » percent= »25″ title= »jQuery »]
[/skillwrapper]
[/code]
[skillwrapper type= »bar »]
[skill title_background= »#f7a53b » bar_foreground= »#f7a53b » bar_background= »#eeeeee » percent= »75″ title= »CSS3″]
[skill title_background= »#6adcfa » bar_foreground= »#6adcfa » bar_background= »#eeeeee » percent= »50″ title= »WordPress »]
[skill title_background= »#fa6e6e » bar_foreground= »#fa6e6e » bar_background= »#eeeeee » percent= »100″ title= »PHP »]
[skill title_background= »#336699″ bar_foreground= »#336699″ bar_background= »#eeeeee » percent= »25″ title= »jQuery »]
[/skillwrapper]
GAGE CHART
The following code needs to be used as a shortcode to make the half circular / gage chart appear.
[code type=php]
[skillwrapper type= »gage »]
[skill percent= »75″ title= »Wordpress » bar_foreground= »#f00″ bar_background= »#eee »]
[skill percent= »25″ title= »SEO » bar_foreground= »#f60″ bar_background= »#eee »]
[/skillwrapper]
[/code]
[skillwrapper type= »gage »]
[skill percent= »75″ title= »Wordpress » bar_foreground= »#f00″ bar_background= »#eee »]
[skill percent= »25″ title= »SEO » bar_foreground= »#f60″ bar_background= »#eee »]
[/skillwrapper]