text/x-generic header.php ( HTML document, ASCII text, with CRLF line terminators ) SKT Skill Bar – TpMarketJob1

SKT Skill Bar

CIRCLE CHART

The following code needs to be used as a shortcode to make the circle chart appear.


[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]

[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.


[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]

[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.


[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]

[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]