Circle bar styles

Circle bar with track color

[agni_circlebar percentage=”89″ size=”120″ track_color=”#f0f0f0″ bar_color=”#000000″ scale_length=”15″ line_width=”2″ line_cap=”round” animation=”defaultEasing”]
[agni_circlebar percentage=”89″ track_color=”#f0f0f0″ bar_color=”#000000″ scale_length=”15″ line_cap=”butt” animation=”defaultEasing”]
[agni_circlebar percentage=”89″ size=”200″ track_color=”#f0f0f0″ bar_color=”#000000″ scale_length=”15″ line_width=”6″ line_cap=”square” animation=”defaultEasing”]
[agni_circlebar percentage=”89″ size=”240″ track_color=”#f0f0f0″ bar_color=”#000000″ scale_length=”15″ line_width=”8″ line_cap=”round” animation=”defaultEasing”]

Circle bar w/o track color

[agni_circlebar percentage=”89″ size=”120″ track_color=”rgba(0,0,0,0.01)” bar_color=”#1259c3″ scale_length=”15″ line_width=”2″ line_cap=”round” animation=”defaultEasing”]
[agni_circlebar percentage=”89″ track_color=”rgba(0,0,0,0.01)” bar_color=”#1259c3″ scale_length=”15″ line_cap=”butt” animation=”defaultEasing”]
[agni_circlebar percentage=”89″ size=”200″ track_color=”rgba(0,0,0,0)” bar_color=”#1259c3″ scale_length=”15″ line_width=”6″ line_cap=”square” animation=”defaultEasing”]
[agni_circlebar percentage=”89″ size=”240″ track_color=”rgba(0,0,0,0.01)” bar_color=”#1259c3″ scale_length=”15″ line_width=”8″ line_cap=”round” animation=”defaultEasing”]

Circle bar with scale

[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”]
[agni_circlebar percentage=”89″ track_color=”#f0f0f0″ bar_color=”#000000″ scale_color=”#e8e8e8″ scale_length=”12″ line_cap=”butt” animation=”defaultEasing”]
[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”]
[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”]

Circle bar - style 2 with track color

[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”]
[agni_circlebar style=”2″ icon=” pe-7f-graph1″ percentage=”89″ track_color=”#f0f0f0″ bar_color=”#000000″ scale_length=”15″ line_cap=”butt” animation=”defaultEasing”]
[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”]
[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”]

Circle bar - style 2 w/o track color

[agni_circlebar style=”2″ icon=” pe-7f-graph1″ percentage=”89″ size=”120″ track_color=”rgba(0,0,0,0.01)” bar_color=”#1259c3″ scale_length=”15″ line_width=”2″ line_cap=”round” animation=”defaultEasing”]
[agni_circlebar style=”2″ icon=” pe-7f-graph1″ percentage=”89″ track_color=”rgba(0,0,0,0.01)” bar_color=”#1259c3″ scale_length=”15″ line_cap=”butt” animation=”defaultEasing”]
[agni_circlebar style=”2″ icon=” pe-7f-graph1″ percentage=”89″ size=”200″ track_color=”rgba(0,0,0,0)” bar_color=”#1259c3″ scale_length=”15″ line_width=”6″ line_cap=”square” animation=”defaultEasing”]
[agni_circlebar style=”2″ icon=” pe-7f-graph1″ percentage=”89″ size=”240″ track_color=”rgba(0,0,0,0.01)” bar_color=”#1259c3″ scale_length=”15″ line_width=”8″ line_cap=”round” animation=”defaultEasing”]

Circle bar - style 2 with scale

[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”]
[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”]
[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”]
[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”]