Pie Chart

[kc_row use_container=»yes» container_class=»container» _id=»496695″ css_custom=»{`kc-css`:{}}»][kc_column width=»12/12″ _id=»647866″][kc_row_inner _id=»535487″][kc_column_inner width=»100%» _id=»131309″][kc_spacing height=»80px» _id=»81459″][/kc_column_inner][/kc_row_inner][kc_row_inner _id=»316561″][kc_column_inner width=»25%» _id=»472790″][kc_pie_chart percent=»45%» linewidth=»8″ size=»195″ barcolor=»#01c3cf» trackcolor=»rgba(228, 228, 228, 0.33)» custom_css=»{`kc-css`:{`any`:{`number-style`:{`color|.percent`:`rgba(0, 0, 0, 0.87)`,`font-size|.percent`:`45px`}}}}» _id=»950093″][/kc_column_inner][kc_column_inner width=»25%» _id=»711520″][kc_pie_chart percent=»86%» linewidth=»8″ size=»195″ barcolor=»#01c3cf» trackcolor=»rgba(228, 228, 228, 0.33)» custom_css=»{`kc-css`:{`any`:{`number-style`:{`color|.percent`:`rgba(0, 0, 0, 0.86)`,`font-size|.percent`:`45px`}}}}» _id=»895337″][/kc_column_inner][kc_column_inner width=»25%» _id=»752496″][kc_pie_chart percent=»29%» linewidth=»8″ size=»195″ barcolor=»#01c3cf» trackcolor=»rgba(215, 236, 237, 0.33)» custom_css=»{`kc-css`:{`any`:{`number-style`:{`color|.percent`:`rgba(0, 0, 0, 0.86)`,`font-size|.percent`:`45px`}}}}» _id=»694231″][/kc_column_inner][kc_column_inner width=»25%» _id=»857300″][kc_pie_chart percent=»92%» linewidth=»8″ size=»195″ barcolor=»#01c3cf» trackcolor=»rgba(135, 173, 255, 0.33)» custom_css=»{`kc-css`:{`any`:{`number-style`:{`color|.percent`:`rgba(0, 0, 0, 0.86)`,`font-size|.percent`:`45px`}}}}» _id=»465276″][/kc_column_inner][/kc_row_inner][kc_row_inner _id=»164759″][kc_column_inner width=»12/12″ _id=»892195″][kc_divider _id=»898057″ style=»1″ css_custom=»{`kc-css`:{`any`:{`line`:{`border-color|.divider_inner`:`rgba(0, 0, 0, 0.20)`,`margin|`:`20px inherit 20px inherit`}}}}» icon=»__empty__»][/kc_column_inner][/kc_row_inner][kc_row_inner _id=»763827″][kc_column_inner width=»25%» _id=»667951″][kc_pie_chart percent=»78%» linewidth=»8″ size=»195″ rounded_corners_bar=»yes» barcolor=»#01c3cf» trackcolor=»rgba(214, 209, 177, 0.16)» custom_css=»{`kc-css`:{`any`:{`number-style`:{`color|.percent`:`#01c3cf`,`font-size|.percent`:`45px`}}}}» _id=»2172″][/kc_column_inner][kc_column_inner width=»25%» _id=»952107″][kc_pie_chart percent=»38%» linewidth=»8″ size=»195″ rounded_corners_bar=»yes» barcolor=»#01c3cf» trackcolor=»rgba(221, 221, 221, 0.37)» custom_css=»{`kc-css`:{`any`:{`number-style`:{`color|.percent`:`#01c3cf`,`font-size|.percent`:`45px`}}}}» _id=»719474″][/kc_column_inner][kc_column_inner width=»25%» _id=»388100″][kc_pie_chart percent=»79%» linewidth=»8″ size=»195″ rounded_corners_bar=»yes» barcolor=»#01c3cf» trackcolor=»#eeeeee» custom_css=»{`kc-css`:{`any`:{`number-style`:{`color|.percent`:`#01c3cf`,`font-size|.percent`:`45px`}}}}» _id=»210901″][/kc_column_inner][kc_column_inner width=»25%» _id=»558284″][kc_pie_chart percent=»61%» linewidth=»8″ size=»195″ rounded_corners_bar=»yes» barcolor=»#01c3cf» trackcolor=»rgba(255, 22, 84, 0.08)» custom_css=»{`kc-css`:{`any`:{`number-style`:{`color|.percent`:`#01c3cf`,`font-size|.percent`:`45px`}}}}» _id=»391847″][/kc_column_inner][/kc_row_inner][/kc_column][/kc_row][kc_row use_container=»yes» container_class=»container» _id=»360433″ css_custom=»{`kc-css`:{`any`:{`box`:{`margin|`:`inherit inherit 100px inherit`}}}}»][kc_column width=»12/12″ _id=»100161″][kc_row_inner _id=»912083″][kc_column_inner width=»100%» _id=»458399″][kc_spacing height=»80px» _id=»843807″][/kc_column_inner][/kc_row_inner][kc_row_inner _id=»719070″][kc_column_inner width=»25%» _id=»306331″][kc_pie_chart percent=»45%» linewidth=»8″ size=»220″ icon_option=»yes» icon=»sl-layers» barcolor=»#01c3cf» trackcolor=»rgba(112, 193, 179, 0.16)» custom_css=»{`kc-css`:{`any`:{`number-style`:{`color|.percent`:`rgba(0, 0, 0, 0.71)`,`font-size|.percent`:`38px`,`line-height|.percent`:`38px`,`margin|.percent`:`11px inherit inherit inherit`},`icon-style`:{`color|.pie_chart_percent i`:`#01c3cf`,`font-size|.pie_chart_percent i`:`50px`}}}}» _id=»66867″][kc_column_text _id=»447120″ css_custom=»{`kc-css`:{`any`:{`typography`:{`color|`:`#202020`,`font-size|`:`20px`,`font-weight|`:`700`,`text-align|`:`center`},`box`:{`margin|`:`30px inherit inherit inherit`}}}}»]

DESIGN

[/kc_column_text][/kc_column_inner][kc_column_inner width=»25%» _id=»810497″][kc_pie_chart percent=»86%» linewidth=»8″ size=»220″ icon_option=»yes» icon=»sl-cursor» barcolor=»#01c3cf» trackcolor=»rgba(240, 182, 127, 0.18)» custom_css=»{`kc-css`:{`any`:{`number-style`:{`color|.percent`:`rgba(0, 0, 0, 0.71)`,`font-size|.percent`:`38px`,`line-height|.percent`:`38px`,`margin|.percent`:`8px inherit inherit inherit`},`icon-style`:{`color|.pie_chart_percent i`:`#01c3cf`,`font-size|.pie_chart_percent i`:`50px`}}}}» _id=»440942″][kc_column_text _id=»520362″ css_custom=»{`kc-css`:{`any`:{`typography`:{`color|`:`#202020`,`font-size|`:`20px`,`font-weight|`:`700`,`text-align|`:`center`},`box`:{`margin|`:`30px inherit inherit inherit`}}}}»]

HTML5 & CSS3

[/kc_column_text][/kc_column_inner][kc_column_inner width=»25%» _id=»917694″][kc_pie_chart percent=»29%» linewidth=»8″ size=»220″ icon_option=»yes» icon=»sl-game-controller» barcolor=»#01c3cf» trackcolor=»rgba(230, 57, 70, 0.12)» custom_css=»{`kc-css`:{`any`:{`number-style`:{`color|.percent`:`rgba(0, 0, 0, 0.71)`,`font-size|.percent`:`38px`,`line-height|.percent`:`38px`,`margin|.percent`:`10px inherit inherit inherit`},`icon-style`:{`color|.pie_chart_percent i`:`#01c3cf`,`font-size|.pie_chart_percent i`:`50px`}}}}» _id=»344297″][kc_column_text _id=»16981″ css_custom=»{`kc-css`:{`any`:{`typography`:{`color|`:`#202020`,`font-size|`:`20px`,`font-weight|`:`700`,`text-align|`:`center`},`box`:{`margin|`:`30px inherit inherit inherit`}}}}»]

Javascript

[/kc_column_text][/kc_column_inner][kc_column_inner width=»25%» _id=»100328″][kc_pie_chart percent=»76%» linewidth=»8″ size=»220″ icon_option=»yes» icon=»sl-rocket» barcolor=»#01c3cf» trackcolor=»rgba(11, 3, 45, 0.09)» custom_css=»{`kc-css`:{`any`:{`number-style`:{`color|.percent`:`rgba(0, 0, 0, 0.56)`,`font-size|.percent`:`38px`,`line-height|.percent`:`38px`,`margin|.percent`:`10px inherit inherit inherit`},`icon-style`:{`color|.pie_chart_percent i`:`#01c3cf`,`font-size|.pie_chart_percent i`:`50px`}}}}» _id=»821449″][kc_column_text _id=»998510″ css_custom=»{`kc-css`:{`any`:{`typography`:{`color|`:`#202020`,`font-size|`:`20px`,`font-weight|`:`700`,`text-align|`:`center`},`box`:{`margin|`:`30px inherit inherit inherit`}}}}»]

Branding

[/kc_column_text][/kc_column_inner][/kc_row_inner][kc_row_inner _id=»344074″ row_id=»__empty__» css_custom=»{`kc-css`:{`any`:{`box`:{`margin|`:`inherit inherit 30px inherit`}}}}»][kc_column_inner width=»12/12″ _id=»791955″][kc_divider style=»2″ icon=»sl-badge» _id=»787922″ css_custom=»{`kc-css`:{`any`:{`line`:{`border-color|.divider_inner`:`rgba(0, 0, 0, 0.20)`,`margin|`:`20px inherit 20px inherit`},`icon`:{`color|i`:`#CCCCCC`,`background-color|i`:`#FFFFFF`,`font-size|i`:`20px`,`line-height|i`:`31px`,`border|i`:`1px solid #CCCCCC`,`width|i`:`35px`,`height|i`:`35px`}}}}»][/kc_column_inner][/kc_row_inner][kc_row_inner _id=»819863″][kc_column_inner width=»25%» _id=»724508″][kc_pie_chart percent=»78%» linewidth=»8″ size=»220″ rounded_corners_bar=»yes» icon_option=»yes» icon=»sl-note» barcolor=»#01c3cf» trackcolor=»rgba(246, 126, 125, 0.16)» custom_css=»{`kc-css`:{`any`:{`number-style`:{`color|.percent`:`#01c3cf`,`font-size|.percent`:`38px`,`line-height|.percent`:`38px`,`margin|.percent`:`11px inherit inherit inherit`},`icon-style`:{`color|.pie_chart_percent i`:`#999999`,`font-size|.pie_chart_percent i`:`50px`}}}}» _id=»845008″][kc_column_text _id=»194781″ css_custom=»{`kc-css`:{`any`:{`typography`:{`color|`:`#202020`,`font-size|`:`20px`,`font-weight|`:`700`,`text-align|`:`center`},`box`:{`margin|`:`30px inherit inherit inherit`}}}}»]

Sketch

[/kc_column_text][/kc_column_inner][kc_column_inner width=»25%» _id=»352294″][kc_pie_chart percent=»34%» linewidth=»8″ size=»220″ rounded_corners_bar=»yes» icon_option=»yes» icon=»sl-plane» barcolor=»#01c3cf» trackcolor=»rgba(6, 174, 213, 0.08)» custom_css=»{`kc-css`:{`any`:{`number-style`:{`color|.percent`:`#01c3cf`,`font-size|.percent`:`38px`,`line-height|.percent`:`38px`,`margin|.percent`:`8px inherit inherit inherit`},`icon-style`:{`color|.pie_chart_percent i`:`rgba(153, 153, 153, 1)`,`font-size|.pie_chart_percent i`:`50px`}}}}» _id=»766627″][kc_column_text _id=»739093″ css_custom=»{`kc-css`:{`any`:{`typography`:{`color|`:`#202020`,`font-size|`:`20px`,`font-weight|`:`700`,`text-align|`:`center`},`box`:{`margin|`:`30px inherit inherit inherit`}}}}»]

Design

[/kc_column_text][/kc_column_inner][kc_column_inner width=»25%» _id=»197594″][kc_pie_chart percent=»48%» linewidth=»8″ size=»220″ rounded_corners_bar=»yes» icon_option=»yes» icon=»sl-screen-desktop» barcolor=»#01c3cf» trackcolor=»rgba(6, 214, 160, 0.12)» custom_css=»{`kc-css`:{`any`:{`number-style`:{`color|.percent`:`#01c3cf`,`font-size|.percent`:`38px`,`line-height|.percent`:`38px`,`margin|.percent`:`10px inherit inherit inherit`},`icon-style`:{`color|.pie_chart_percent i`:`rgba(153, 153, 153, 1)`,`font-size|.pie_chart_percent i`:`50px`}}}}» _id=»906271″][kc_column_text _id=»830975″ css_custom=»{`kc-css`:{`any`:{`typography`:{`color|`:`#202020`,`font-size|`:`20px`,`font-weight|`:`700`,`text-align|`:`center`},`box`:{`margin|`:`30px inherit inherit inherit`}}}}»]

Test

[/kc_column_text][/kc_column_inner][kc_column_inner width=»25%» _id=»248823″][kc_pie_chart percent=»36%» linewidth=»8″ size=»220″ rounded_corners_bar=»yes» icon_option=»yes» icon=»sl-present» barcolor=»#01c3cf» trackcolor=»rgba(217, 217, 217, 0.13)» custom_css=»{`kc-css`:{`any`:{`number-style`:{`color|.percent`:`#01c3cf`,`font-size|.percent`:`38px`,`line-height|.percent`:`38px`,`margin|.percent`:`10px inherit inherit inherit`},`icon-style`:{`color|.pie_chart_percent i`:`#999999`,`font-size|.pie_chart_percent i`:`50px`}}}}» _id=»824461″][kc_column_text _id=»826901″ css_custom=»{`kc-css`:{`any`:{`typography`:{`color|`:`#202020`,`font-size|`:`20px`,`font-weight|`:`700`,`text-align|`:`center`},`box`:{`margin|`:`30px inherit inherit inherit`}}}}»]

Develop

[/kc_column_text][/kc_column_inner][/kc_row_inner][kc_spacing height=»80px» _id=»890129″][/kc_column][/kc_row]