This shortcode maybe used to present progress or skills percentage. Very simple to use, many visual option available. Like all of Blaszok’s shortcodes this one is also available through VisualComposer, which offers a simple drag & drop interface to build complex pages with ease.

Skills Flat
[vc_progress_bar values=”90|Development” bgcolor=”bar_blue” options=”animated” units=”%”][vc_progress_bar values=”80|Design” bgcolor=”bar_turquoise” options=”animated” units=”%”][vc_progress_bar values=”70|Marketing” bgcolor=”bar_green” options=”animated” units=”%”][vc_progress_bar values=”95|Typography” bgcolor=”custom” options=”animated” units=”%” custombgcolor=”#b363a0″]
Skill With Stripes
[vc_progress_bar values=”95|Typography” bgcolor=”custom” options=”striped,animated” units=”%” custombgcolor=”#8e314a”][vc_progress_bar values=”70|Marketing” bgcolor=”bar_red” options=”striped,animated” units=”%”][vc_progress_bar values=”80|Design” bgcolor=”bar_black” options=”striped,animated” units=”%”][vc_progress_bar values=”90|Development” bgcolor=”bar_orange” options=”striped,animated” units=”%”]
Shortcode Attributes
  • title – set widgets title.
  • graphic value – value of the progress/skill bar and label
  • units – specifies units.
  • bar color – choose bar color, you can use predefined color or custom.
  • add stripes – yes/no.
  • aniamte bars – yes/no.
  • extra class – you can add extra class to be used inside CSS