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"]
テキストのコピーはできません。