[dynamic element="page_intro" title="Lot of option with Fortis7 shortcodes take a look to 3 Different Types of Animated Counters: Bar Skills, Chart Skills and Counters" dynamic_size="12"  position="center"]

 

[dynamic element="divider"]

 

 

[header_title header_size='h6' title='Style 1']

[contentrow]

[dynamic element="chart_skill" percent="60" type="icon" icon="moon-brush" font_size="64px" color="base"]
[dynamic element="chart_skill" percent="80" type="text" text="80%" font_size="50px" color="#cbcbcb"]
[dynamic element="chart_skill" percent="20" type="text" text="2/10" font_size="50px" color="#cbcbcb"]
[dynamic element="chart_skill" percent="45" type="text" text="Animated Counters With Text"  font_size="14px" color="#cbcbcb"]
[/contentrow]

 

[contentrow]

[dynamic element="skills" title="Skills Base Color" desc="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." pass_dynamic="skills" skills="title:Web development,percentage_skill:30;title:Web Design,percentage_skill:82;title:Javascript,percentage_skill:70"]
[dynamic element="skills" title="Skills Other Colors" desc="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." pass_dynamic="skills" skills="title:Web development,percentage_skill:30,color:#ff572b;title:Web Design,percentage_skill:82,color:#f148b9;title:Javascript,percentage_skill:70,color:#78fa60"]
[/contentrow]

 

[header_title header_size='h6' title='Style 3 Counters']

[contentrow][counter][counter][counter][counter][counter][counter][/contentrow]