VERTICAL GRAPH BAR

The following code needs to be used as a shortcode to make the vertical graph bar appear.

[skillwrapper type="skt_verticalgraph"]

[skill percent="51" title="WordPress" verticalgraph_background="#6adcfa" verticalgraph_titlecolor="#6adcfa"]

[skill percent="70" title="JavaScript" verticalgraph_background="#fa6e6e" verticalgraph_titlecolor="#fa6e6e"]

[skill percent="40" title="PHP" verticalgraph_background="#336699" verticalgraph_titlecolor="#336699"]

[/skillwrapper]

CIRCLE CHART

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

[skillwrapper type="circle" track_color="#dddddd" chart_color="#333333" chart_size="150" chart_fontsize="13" chart_headingfontsize="16" align="left"]

[skill percent="88" title="Web Research"]

[skill percent="55" title="WordPress"]

[skill percent="85" title="PHP"]

[skill percent="100" title="jQuery"]

[/skillwrapper]

BAR CHART

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

[skillwrapper type="bar" bar_titlefontsize="12" bar_titlecolor="#000" bar_percentfontszie="11" bar_percentcolor="#336699"]

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

GAGE CHART

The following code needs to be used as a shortcode to make the half circular / gage chart appear.

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