Home / Skills

Skills

[vc_row][vc_column width= »1/1″][vc_column_text]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.[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column width= »1/2″]
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″][/vc_column][vc_column width= »1/2″]
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= »% »][/vc_column][/vc_row][vc_row el_class= »mpc-small-bm »][vc_column width= »1/1″]
Shortcode Attributes
[/vc_column][/vc_row][vc_row][vc_column width= »1/2″][vc_column_text]
  • 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.
[/vc_column_text][/vc_column][vc_column width= »1/2″][vc_column_text]
  • add stripes – yes/no.
  • aniamte bars – yes/no.
  • extra class – you can add extra class to be used inside CSS
[/vc_column_text][/vc_column][/vc_row]