[vc_row][vc_column width="1/1"][progress_bar title="ILLUSTRATOR" percent="70" barcolor="#8c8c8c" trackcolor="#f2f2f2" line_height="20" font_size="14" text_position="before" speed="normal" font_color="#000000"][progress_bar title="ILLUSTRATOR" percent="90" barcolor="#8c8c8c" trackcolor="#f2f2f2" line_height="20" font_size="12" text_position="inside" speed="normal" font_color="#f2f2f2"][progress_bar title="ILLUSTRATOR" percent="70" barcolor="#8c8c8c" trackcolor="#f2f2f2" line_height="20" font_size="14" text_position="after" speed="normal" font_color="#000000"][/vc_column][/vc_row][vc_row][vc_column width="1/1"][box_title font_size="15" font_alignment="center" border="middle" border_color="#CDCDCD"]SHORTCODE ATTRIBUTES[/box_title][vc_row_inner][vc_column_inner width="1/2"][vc_column_text]
<ul>
	<li><span style="color: #000000">title</span>: title of the progress bar</li>
	<li><span style="color: #000000">percent</span>: percent value</li>
	<li><span style="color: #000000">bar color</span>: color of the bar</li>
	<li><span style="color: #000000">track color</span>: color of the track</li>
</ul>
[/vc_column_text][/vc_column_inner][vc_column_inner width="1/2"][vc_column_text]
<ul>
	<li><span style="color: #000000">line height</span>: line height value</li>
	<li><span style="color: #000000">font size</span>: font size of the text</li>
	<li><span style="color: #000000">text position</span>: text position (before/inside/after)</li>
	<li><span style="color: #000000">speed</span>: animation speed type (fast/normal/slow)</li>
</ul>
[/vc_column_text][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row]