Content – Circle bar styles

[vc_section][vc_row padding_top=”100″ padding_bottom=”100″][vc_column padding_bottom=”30″][vc_custom_heading text=”Circle bar with track color” font_container=”tag:h5|text_align:center” use_theme_fonts=”yes”][/vc_column][vc_column width=”1/4″][agni_circlebar percentage="89" size="120" track_color="#f0f0f0" bar_color="#000000" scale_length="15" line_width="2" line_cap="round" animation="defaultEasing"][/vc_column][vc_column width=”1/4″][agni_circlebar percentage="89" track_color="#f0f0f0" bar_color="#000000" scale_length="15" line_cap="butt" animation="defaultEasing"][/vc_column][vc_column width=”1/4″][agni_circlebar percentage="89" size="200" track_color="#f0f0f0" bar_color="#000000" scale_length="15" line_width="6" line_cap="square" animation="defaultEasing"][/vc_column][vc_column width=”1/4″][agni_circlebar percentage="89" size="240" track_color="#f0f0f0" bar_color="#000000" scale_length="15" line_width="8" line_cap="round" animation="defaultEasing"][/vc_column][/vc_row][/vc_section][vc_section][vc_row padding_top=”100″ padding_bottom=”100″][vc_column padding_bottom=”30″][vc_custom_heading text=”Circle bar w/o track color” font_container=”tag:h5|text_align:center” use_theme_fonts=”yes”][/vc_column][vc_column width=”1/4″][agni_circlebar percentage="89" size="120" track_color="rgba(0,0,0,0.01)" bar_color="#6c5b7b" scale_length="15" line_width="2" line_cap="round" animation="defaultEasing"][/vc_column][vc_column width=”1/4″][agni_circlebar percentage="89" track_color="rgba(0,0,0,0.01)" bar_color="#6c5b7b" scale_length="15" line_cap="butt" animation="defaultEasing"][/vc_column][vc_column width=”1/4″][agni_circlebar percentage="89" size="200" track_color="rgba(0,0,0,0)" bar_color="#6c5b7b" scale_length="15" line_width="6" line_cap="square" animation="defaultEasing"][/vc_column][vc_column width=”1/4″][agni_circlebar percentage="89" size="240" track_color="rgba(0,0,0,0.01)" bar_color="#6c5b7b" scale_length="15" line_width="8" line_cap="round" animation="defaultEasing"][/vc_column][/vc_row][/vc_section][vc_section][vc_row padding_top=”100″ padding_bottom=”100″][vc_column padding_bottom=”30″][vc_custom_heading text=”Circle bar with scale” font_container=”tag:h5|text_align:center” use_theme_fonts=”yes”][/vc_column][vc_column width=”1/4″][agni_circlebar percentage="89" size="120" track_color="#f0f0f0" bar_color="#000000" scale_color="#e8e8e8" scale_length="10" line_width="2" line_cap="round" animation="defaultEasing"][/vc_column][vc_column width=”1/4″][agni_circlebar percentage="89" track_color="#f0f0f0" bar_color="#000000" scale_color="#e8e8e8" scale_length="12" line_cap="butt" animation="defaultEasing"][/vc_column][vc_column width=”1/4″][agni_circlebar percentage="89" size="200" track_color="#f0f0f0" bar_color="#000000" scale_color="#e8e8e8" scale_length="15" line_width="6" line_cap="square" animation="defaultEasing"][/vc_column][vc_column width=”1/4″][agni_circlebar percentage="89" size="240" track_color="#f0f0f0" bar_color="#000000" scale_color="#d5d5d5" scale_length="18" line_width="8" line_cap="round" animation="defaultEasing"][/vc_column][/vc_row][/vc_section][vc_section][vc_row padding_top=”100″ padding_bottom=”100″][vc_column padding_bottom=”30″][vc_custom_heading text=”Circle bar – style 2 with track color” font_container=”tag:h5|text_align:center” use_theme_fonts=”yes”][/vc_column][vc_column width=”1/4″][agni_circlebar style="2" icon=" pe-7f-graph1" percentage="89" size="120" track_color="#f0f0f0" bar_color="#000000" scale_length="15" line_width="2" line_cap="round" animation="defaultEasing"][/vc_column][vc_column width=”1/4″][agni_circlebar style="2" icon=" pe-7f-graph1" percentage="89" track_color="#f0f0f0" bar_color="#000000" scale_length="15" line_cap="butt" animation="defaultEasing"][/vc_column][vc_column width=”1/4″][agni_circlebar style="2" icon=" pe-7f-graph1" percentage="89" size="200" track_color="#f0f0f0" bar_color="#000000" scale_length="15" line_width="6" line_cap="square" animation="defaultEasing"][/vc_column][vc_column width=”1/4″][agni_circlebar style="2" icon=" pe-7f-graph1" percentage="89" size="240" track_color="#f0f0f0" bar_color="#000000" scale_length="15" line_width="8" line_cap="round" animation="defaultEasing"][/vc_column][/vc_row][/vc_section][vc_section][vc_row padding_top=”100″ padding_bottom=”100″][vc_column padding_bottom=”30″][vc_custom_heading text=”Circle bar – style 2 w/o track color” font_container=”tag:h5|text_align:center” use_theme_fonts=”yes”][/vc_column][vc_column width=”1/4″][agni_circlebar style="2" icon=" pe-7f-graph1" percentage="89" size="120" track_color="rgba(0,0,0,0.01)" bar_color="#6c5b7b" scale_length="15" line_width="2" line_cap="round" animation="defaultEasing"][/vc_column][vc_column width=”1/4″][agni_circlebar style="2" icon=" pe-7f-graph1" percentage="89" track_color="rgba(0,0,0,0.01)" bar_color="#6c5b7b" scale_length="15" line_cap="butt" animation="defaultEasing"][/vc_column][vc_column width=”1/4″][agni_circlebar style="2" icon=" pe-7f-graph1" percentage="89" size="200" track_color="rgba(0,0,0,0)" bar_color="#6c5b7b" scale_length="15" line_width="6" line_cap="square" animation="defaultEasing"][/vc_column][vc_column width=”1/4″][agni_circlebar style="2" icon=" pe-7f-graph1" percentage="89" size="240" track_color="rgba(0,0,0,0.01)" bar_color="#6c5b7b" scale_length="15" line_width="8" line_cap="round" animation="defaultEasing"][/vc_column][/vc_row][/vc_section][vc_section][vc_row padding_top=”100″ padding_bottom=”100″][vc_column padding_bottom=”30″][vc_custom_heading text=”Circle bar – style 2 with scale” font_container=”tag:h5|text_align:center” use_theme_fonts=”yes”][/vc_column][vc_column width=”1/4″][agni_circlebar style="2" icon=" pe-7f-graph1" percentage="89" size="120" track_color="#f0f0f0" bar_color="#000000" scale_color="#e8e8e8" scale_length="10" line_width="2" line_cap="round" animation="defaultEasing"][/vc_column][vc_column width=”1/4″][agni_circlebar style="2" icon=" pe-7f-graph1" percentage="89" track_color="#f0f0f0" bar_color="#000000" scale_color="#e8e8e8" scale_length="12" line_cap="butt" animation="defaultEasing"][/vc_column][vc_column width=”1/4″][agni_circlebar style="2" icon=" pe-7f-graph1" percentage="89" size="200" track_color="#f0f0f0" bar_color="#000000" scale_color="#e8e8e8" scale_length="15" line_width="6" line_cap="square" animation="defaultEasing"][/vc_column][vc_column width=”1/4″][agni_circlebar style="2" icon=" pe-7f-graph1" percentage="89" size="240" track_color="#f0f0f0" bar_color="#000000" scale_color="#d5d5d5" scale_length="18" line_width="8" line_cap="round" animation="defaultEasing"][/vc_column][/vc_row][/vc_section]