{"id":348,"date":"2018-02-07T09:23:22","date_gmt":"2018-02-07T09:23:22","guid":{"rendered":"https:\/\/themes.flexipress.xyz\/housico\/?page_id=348"},"modified":"2018-02-07T09:23:22","modified_gmt":"2018-02-07T09:23:22","slug":"pie-chart-progress-bar","status":"publish","type":"page","link":"https:\/\/preview.codethrive.io\/housico-wp-theme\/elements\/pie-chart-progress-bar\/","title":{"rendered":"Pie Chart &#038; Progress Bar"},"content":{"rendered":"<p>[vc_section content_layout=&#8221;full&#8221; animation_delay=&#8221;&#8221; disable=&#8221;&#8221; id=&#8221;&#8221; class=&#8221;&#8221; bg_type=&#8221;image&#8221; bg_image=&#8221;&#8221; color_overlay=&#8221;&#8221; enable_parallax=&#8221;&#8221; enable_pattern=&#8221;&#8221;][vc_row content_layout=&#8221;boxed&#8221; equal_height=&#8221;&#8221; animation_delay=&#8221;&#8221; disable=&#8221;&#8221; id=&#8221;&#8221; class=&#8221;&#8221; bg_type=&#8221;image&#8221; bg_image=&#8221;&#8221; color_overlay=&#8221;&#8221; enable_parallax=&#8221;&#8221; enable_pattern=&#8221;&#8221;][vc_column layout=&#8221;normal&#8221; vertical_align=&#8221;top&#8221; animation_delay=&#8221;&#8221;]\t\t<header class=\"vu_heading vu_h-style-1 vu_h-alignment-center m-t-0\">\r\n\t\t\t\r\n\t\t\t<h2 class=\"vu_h-heading\"><span>Pie Chart<\/span><\/h2>\r\n\r\n\t\t\t\t\t\t\t<div class=\"vu_h-subheading\">\r\n\t\t\t\t\t<p>Pie charts are generally used to show percentage or proportional data and usually the percentage<br \/>\nrepresented by each category is provided next to the corresponding slice of pie.<\/p>\n\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/header>\r\n\t[\/vc_column][\/vc_row][\/vc_section][vc_section content_layout=&#8221;full&#8221; animation_delay=&#8221;&#8221; disable=&#8221;&#8221; id=&#8221;&#8221; class=&#8221;&#8221; bg_type=&#8221;image&#8221; bg_image=&#8221;&#8221; color_overlay=&#8221;&#8221; enable_parallax=&#8221;&#8221; enable_pattern=&#8221;&#8221; css=&#8221;.vc_custom_1509961131692{margin-bottom: 70px !important;}&#8221;][vc_row content_layout=&#8221;boxed&#8221; equal_height=&#8221;&#8221; animation_delay=&#8221;&#8221; disable=&#8221;&#8221; id=&#8221;&#8221; class=&#8221;&#8221; bg_type=&#8221;image&#8221; bg_image=&#8221;&#8221; color_overlay=&#8221;&#8221; enable_parallax=&#8221;&#8221; enable_pattern=&#8221;&#8221; type=&#8221;in_container&#8221; bg_parallax=&#8221;&#8221; vu_equal_height_columns=&#8221;&#8221; row_id=&#8221;&#8221; el_class=&#8221;&#8221; css=&#8221;.vc_custom_1509961234457{margin-bottom: 30px !important;}&#8221;][vc_column layout=&#8221;normal&#8221; vertical_align=&#8221;top&#8221; animation_delay=&#8221;&#8221; width=&#8221;1\/4&#8243; vu_vertical_align=&#8221;top&#8221;]\t\t<div class=\"vu_pie-chart vu_pc-style-1 vu_pc-custom-939817\">\r\n\t\t\t<div class=\"vu_pc-graph\" data-percent=\"64\" data-options=\"{&quot;scaleColor&quot;:false,&quot;lineCap&quot;:&quot;square&quot;,&quot;animate&quot;:{&quot;duration&quot;:1000,&quot;enabled&quot;:true},&quot;barColor&quot;:&quot;#eeb10b&quot;,&quot;trackColor&quot;:false,&quot;lineWidth&quot;:10,&quot;size&quot;:170}\" style=\"height:170px;\">\r\n\t\t\t\t<div class=\"vu_pc-graph-text\" style=\"width:170px;height:170px;line-height:170px;margin-left:-85px;\">\r\n\t\t\t\t\t<span class=\"vu_pc-text\" title=\"64%\" style=\"font-size:36px;color:#303745;\">64%<\/span>\t\t\t\t<\/div>\r\n\r\n\t\t\t\t<style>.vu_pie-chart.vu_pc-custom-939817 .vu_pc-graph-text:before,.vu_pie-chart.vu_pc-custom-939817 .vu_pc-graph-text:after{border-color:#f2f2f2!important;}.vu_pie-chart.vu_pc-custom-939817 .vu_pc-graph-text:after{top:10px;right:10px;bottom:10px;left:10px;}<\/style>\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t[vc_column_text]<\/p>\n<h4 style=\"text-align: center;\">Young Age<\/h4>\n<p>[\/vc_column_text][\/vc_column][vc_column layout=&#8221;normal&#8221; vertical_align=&#8221;top&#8221; animation_delay=&#8221;&#8221; width=&#8221;1\/4&#8243; vu_vertical_align=&#8221;top&#8221;]\t\t<div class=\"vu_pie-chart vu_pc-style-1 vu_pc-custom-312808\">\r\n\t\t\t<div class=\"vu_pc-graph\" data-percent=\"12\" data-options=\"{&quot;scaleColor&quot;:false,&quot;lineCap&quot;:&quot;square&quot;,&quot;animate&quot;:{&quot;duration&quot;:1000,&quot;enabled&quot;:true},&quot;barColor&quot;:&quot;#eeb10b&quot;,&quot;trackColor&quot;:false,&quot;lineWidth&quot;:10,&quot;size&quot;:170}\" style=\"height:170px;\">\r\n\t\t\t\t<div class=\"vu_pc-graph-text\" style=\"width:170px;height:170px;line-height:170px;margin-left:-85px;\">\r\n\t\t\t\t\t<span class=\"vu_pc-text\" title=\"12%\" style=\"font-size:36px;color:#303745;\">12%<\/span>\t\t\t\t<\/div>\r\n\r\n\t\t\t\t<style>.vu_pie-chart.vu_pc-custom-312808 .vu_pc-graph-text:before,.vu_pie-chart.vu_pc-custom-312808 .vu_pc-graph-text:after{border-color:#f2f2f2!important;}.vu_pie-chart.vu_pc-custom-312808 .vu_pc-graph-text:after{top:10px;right:10px;bottom:10px;left:10px;}<\/style>\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t[vc_column_text]<\/p>\n<h4 style=\"text-align: center;\">Crime Level<\/h4>\n<p>[\/vc_column_text][\/vc_column][vc_column layout=&#8221;normal&#8221; vertical_align=&#8221;top&#8221; animation_delay=&#8221;&#8221; width=&#8221;1\/4&#8243; vu_vertical_align=&#8221;top&#8221;]\t\t<div class=\"vu_pie-chart vu_pc-style-1 vu_pc-custom-234018\">\r\n\t\t\t<div class=\"vu_pc-graph\" data-percent=\"87\" data-options=\"{&quot;scaleColor&quot;:false,&quot;lineCap&quot;:&quot;square&quot;,&quot;animate&quot;:{&quot;duration&quot;:1000,&quot;enabled&quot;:true},&quot;barColor&quot;:&quot;#eeb10b&quot;,&quot;trackColor&quot;:false,&quot;lineWidth&quot;:10,&quot;size&quot;:170}\" style=\"height:170px;\">\r\n\t\t\t\t<div class=\"vu_pc-graph-text\" style=\"width:170px;height:170px;line-height:170px;margin-left:-85px;\">\r\n\t\t\t\t\t<span class=\"vu_pc-text\" title=\"87%\" style=\"font-size:36px;color:#303745;\">87%<\/span>\t\t\t\t<\/div>\r\n\r\n\t\t\t\t<style>.vu_pie-chart.vu_pc-custom-234018 .vu_pc-graph-text:before,.vu_pie-chart.vu_pc-custom-234018 .vu_pc-graph-text:after{border-color:#f2f2f2!important;}.vu_pie-chart.vu_pc-custom-234018 .vu_pc-graph-text:after{top:10px;right:10px;bottom:10px;left:10px;}<\/style>\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t[vc_column_text]<\/p>\n<h4 style=\"text-align: center;\">Security Level<\/h4>\n<p>[\/vc_column_text][\/vc_column][vc_column layout=&#8221;normal&#8221; vertical_align=&#8221;top&#8221; css_animation=&#8221;none&#8221; animation_delay=&#8221;&#8221; width=&#8221;1\/4&#8243; vu_vertical_align=&#8221;top&#8221;]\t\t<div class=\"vu_pie-chart vu_pc-style-1 vu_pc-custom-867766\">\r\n\t\t\t<div class=\"vu_pc-graph\" data-percent=\"63\" data-options=\"{&quot;scaleColor&quot;:false,&quot;lineCap&quot;:&quot;square&quot;,&quot;animate&quot;:{&quot;duration&quot;:1000,&quot;enabled&quot;:true},&quot;barColor&quot;:&quot;#eeb10b&quot;,&quot;trackColor&quot;:false,&quot;lineWidth&quot;:10,&quot;size&quot;:170}\" style=\"height:170px;\">\r\n\t\t\t\t<div class=\"vu_pc-graph-text\" style=\"width:170px;height:170px;line-height:170px;margin-left:-85px;\">\r\n\t\t\t\t\t<span class=\"vu_pc-text\" title=\"63%\" style=\"font-size:36px;color:#303745;\">63%<\/span>\t\t\t\t<\/div>\r\n\r\n\t\t\t\t<style>.vu_pie-chart.vu_pc-custom-867766 .vu_pc-graph-text:before,.vu_pie-chart.vu_pc-custom-867766 .vu_pc-graph-text:after{border-color:#f2f2f2!important;}.vu_pie-chart.vu_pc-custom-867766 .vu_pc-graph-text:after{top:10px;right:10px;bottom:10px;left:10px;}<\/style>\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t[vc_column_text]<\/p>\n<h4 style=\"text-align: center;\">Education Level<\/h4>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row content_layout=&#8221;boxed&#8221; equal_height=&#8221;&#8221; animation_delay=&#8221;&#8221; disable=&#8221;&#8221; id=&#8221;&#8221; class=&#8221;&#8221; bg_type=&#8221;image&#8221; bg_image=&#8221;&#8221; color_overlay=&#8221;&#8221; enable_parallax=&#8221;&#8221; enable_pattern=&#8221;&#8221; type=&#8221;in_container&#8221; bg_parallax=&#8221;&#8221; vu_equal_height_columns=&#8221;&#8221; row_id=&#8221;&#8221; el_class=&#8221;&#8221; css=&#8221;.vc_custom_1509961240491{margin-bottom: 30px !important;}&#8221;][vc_column layout=&#8221;normal&#8221; vertical_align=&#8221;top&#8221; animation_delay=&#8221;&#8221; width=&#8221;1\/4&#8243; vu_vertical_align=&#8221;top&#8221;]\t\t<div class=\"vu_pie-chart vu_pc-style-2 vu_pc-custom-958604\">\r\n\t\t\t<div class=\"vu_pc-graph\" data-percent=\"83\" data-options=\"{&quot;scaleColor&quot;:false,&quot;lineCap&quot;:&quot;square&quot;,&quot;animate&quot;:{&quot;duration&quot;:1000,&quot;enabled&quot;:true},&quot;barColor&quot;:&quot;#303745&quot;,&quot;trackColor&quot;:&quot;#f2f2f2&quot;,&quot;lineWidth&quot;:10,&quot;size&quot;:170}\" style=\"height:170px;\">\r\n\t\t\t\t<div class=\"vu_pc-graph-text\" style=\"width:170px;height:170px;line-height:170px;margin-left:-85px;\">\r\n\t\t\t\t\t<span class=\"vu_pc-icon\" style=\"font-size:48px;color:#eeb10b;\"><i class=\"vu_fp-accessibility\"><\/i><\/span>\t\t\t\t<\/div>\r\n\r\n\t\t\t\t<style>.vu_pie-chart.vu_pc-custom-958604 .vu_pc-graph-text:before,.vu_pie-chart.vu_pc-custom-958604 .vu_pc-graph-text:after{border-color:#f2f2f2!important;}.vu_pie-chart.vu_pc-custom-958604 .vu_pc-graph-text:after{top:10px;right:10px;bottom:10px;left:10px;}<\/style>\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t[vc_column_text]<\/p>\n<h4 style=\"text-align: center;\">Young Age<\/h4>\n<p>[\/vc_column_text][\/vc_column][vc_column layout=&#8221;normal&#8221; vertical_align=&#8221;top&#8221; animation_delay=&#8221;&#8221; width=&#8221;1\/4&#8243; vu_vertical_align=&#8221;top&#8221;]\t\t<div class=\"vu_pie-chart vu_pc-style-2 vu_pc-custom-586293\">\r\n\t\t\t<div class=\"vu_pc-graph\" data-percent=\"12\" data-options=\"{&quot;scaleColor&quot;:false,&quot;lineCap&quot;:&quot;square&quot;,&quot;animate&quot;:{&quot;duration&quot;:1000,&quot;enabled&quot;:true},&quot;barColor&quot;:&quot;#303745&quot;,&quot;trackColor&quot;:&quot;#f2f2f2&quot;,&quot;lineWidth&quot;:10,&quot;size&quot;:170}\" style=\"height:170px;\">\r\n\t\t\t\t<div class=\"vu_pc-graph-text\" style=\"width:170px;height:170px;line-height:170px;margin-left:-85px;\">\r\n\t\t\t\t\t<span class=\"vu_pc-icon\" style=\"font-size:48px;color:#eeb10b;\"><i class=\"vu_fp-nature_people\"><\/i><\/span>\t\t\t\t<\/div>\r\n\r\n\t\t\t\t<style>.vu_pie-chart.vu_pc-custom-586293 .vu_pc-graph-text:before,.vu_pie-chart.vu_pc-custom-586293 .vu_pc-graph-text:after{border-color:#f2f2f2!important;}.vu_pie-chart.vu_pc-custom-586293 .vu_pc-graph-text:after{top:10px;right:10px;bottom:10px;left:10px;}<\/style>\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t[vc_column_text]<\/p>\n<h4 style=\"text-align: center;\">Crime Level<\/h4>\n<p>[\/vc_column_text][\/vc_column][vc_column layout=&#8221;normal&#8221; vertical_align=&#8221;top&#8221; animation_delay=&#8221;&#8221; width=&#8221;1\/4&#8243; vu_vertical_align=&#8221;top&#8221;]\t\t<div class=\"vu_pie-chart vu_pc-style-2 vu_pc-custom-256205\">\r\n\t\t\t<div class=\"vu_pc-graph\" data-percent=\"95\" data-options=\"{&quot;scaleColor&quot;:false,&quot;lineCap&quot;:&quot;square&quot;,&quot;animate&quot;:{&quot;duration&quot;:1000,&quot;enabled&quot;:true},&quot;barColor&quot;:&quot;#303745&quot;,&quot;trackColor&quot;:&quot;#f2f2f2&quot;,&quot;lineWidth&quot;:10,&quot;size&quot;:170}\" style=\"height:170px;\">\r\n\t\t\t\t<div class=\"vu_pc-graph-text\" style=\"width:170px;height:170px;line-height:170px;margin-left:-85px;\">\r\n\t\t\t\t\t<span class=\"vu_pc-icon\" style=\"font-size:48px;color:#eeb10b;\"><i class=\"vu_fp-security\"><\/i><\/span>\t\t\t\t<\/div>\r\n\r\n\t\t\t\t<style>.vu_pie-chart.vu_pc-custom-256205 .vu_pc-graph-text:before,.vu_pie-chart.vu_pc-custom-256205 .vu_pc-graph-text:after{border-color:#f2f2f2!important;}.vu_pie-chart.vu_pc-custom-256205 .vu_pc-graph-text:after{top:10px;right:10px;bottom:10px;left:10px;}<\/style>\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t[vc_column_text]<\/p>\n<h4 style=\"text-align: center;\">Security Level<\/h4>\n<p>[\/vc_column_text][\/vc_column][vc_column layout=&#8221;normal&#8221; vertical_align=&#8221;top&#8221; css_animation=&#8221;none&#8221; animation_delay=&#8221;&#8221; width=&#8221;1\/4&#8243; vu_vertical_align=&#8221;top&#8221;]\t\t<div class=\"vu_pie-chart vu_pc-style-2 vu_pc-custom-503309\">\r\n\t\t\t<div class=\"vu_pc-graph\" data-percent=\"73\" data-options=\"{&quot;scaleColor&quot;:false,&quot;lineCap&quot;:&quot;square&quot;,&quot;animate&quot;:{&quot;duration&quot;:1000,&quot;enabled&quot;:true},&quot;barColor&quot;:&quot;#303745&quot;,&quot;trackColor&quot;:&quot;#f2f2f2&quot;,&quot;lineWidth&quot;:10,&quot;size&quot;:170}\" style=\"height:170px;\">\r\n\t\t\t\t<div class=\"vu_pc-graph-text\" style=\"width:170px;height:170px;line-height:170px;margin-left:-85px;\">\r\n\t\t\t\t\t<span class=\"vu_pc-icon\" style=\"font-size:48px;color:#eeb10b;\"><i class=\"vu_fp-school\"><\/i><\/span>\t\t\t\t<\/div>\r\n\r\n\t\t\t\t<style>.vu_pie-chart.vu_pc-custom-503309 .vu_pc-graph-text:before,.vu_pie-chart.vu_pc-custom-503309 .vu_pc-graph-text:after{border-color:#f2f2f2!important;}.vu_pie-chart.vu_pc-custom-503309 .vu_pc-graph-text:after{top:10px;right:10px;bottom:10px;left:10px;}<\/style>\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t[vc_column_text]<\/p>\n<h4 style=\"text-align: center;\">Education Level<\/h4>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row content_layout=&#8221;boxed&#8221; equal_height=&#8221;&#8221; animation_delay=&#8221;&#8221; disable=&#8221;&#8221; id=&#8221;&#8221; class=&#8221;&#8221; bg_type=&#8221;image&#8221; bg_image=&#8221;&#8221; color_overlay=&#8221;&#8221; enable_parallax=&#8221;&#8221; enable_pattern=&#8221;&#8221; type=&#8221;in_container&#8221; bg_parallax=&#8221;&#8221; vu_equal_height_columns=&#8221;&#8221; row_id=&#8221;&#8221; el_class=&#8221;&#8221;][vc_column layout=&#8221;normal&#8221; vertical_align=&#8221;top&#8221; animation_delay=&#8221;&#8221; width=&#8221;1\/4&#8243; vu_vertical_align=&#8221;top&#8221;]\t\t<div class=\"vu_pie-chart vu_pc-style-3 vu_pc-custom-501349\">\r\n\t\t\t<div class=\"vu_pc-graph\" data-percent=\"73\" data-options=\"{&quot;scaleColor&quot;:false,&quot;lineCap&quot;:&quot;square&quot;,&quot;animate&quot;:{&quot;duration&quot;:1000,&quot;enabled&quot;:true},&quot;barColor&quot;:&quot;#eeb10b&quot;,&quot;trackColor&quot;:&quot;#f2f2f2&quot;,&quot;lineWidth&quot;:10,&quot;size&quot;:170}\" style=\"height:170px;\">\r\n\t\t\t\t<div class=\"vu_pc-graph-text\" style=\"width:170px;height:170px;line-height:170px;margin-left:-85px;\">\r\n\t\t\t\t\t<span class=\"vu_pc-text\" title=\"Use\" style=\"font-size:32px;color:#303745;\">Use<\/span>\t\t\t\t<\/div>\r\n\r\n\t\t\t\t<style>.vu_pie-chart.vu_pc-custom-501349 .vu_pc-graph-text:before,.vu_pie-chart.vu_pc-custom-501349 .vu_pc-graph-text:after{border-color:#f2f2f2!important;}.vu_pie-chart.vu_pc-custom-501349 .vu_pc-graph-text:after{top:10px;right:10px;bottom:10px;left:10px;}<\/style>\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t[\/vc_column][vc_column layout=&#8221;normal&#8221; vertical_align=&#8221;top&#8221; animation_delay=&#8221;&#8221; width=&#8221;1\/4&#8243; vu_vertical_align=&#8221;top&#8221;]\t\t<div class=\"vu_pie-chart vu_pc-style-3 vu_pc-custom-753166\">\r\n\t\t\t<div class=\"vu_pc-graph\" data-percent=\"23\" data-options=\"{&quot;scaleColor&quot;:false,&quot;lineCap&quot;:&quot;square&quot;,&quot;animate&quot;:{&quot;duration&quot;:1000,&quot;enabled&quot;:true},&quot;barColor&quot;:&quot;#eeb10b&quot;,&quot;trackColor&quot;:&quot;#f2f2f2&quot;,&quot;lineWidth&quot;:10,&quot;size&quot;:170}\" style=\"height:170px;\">\r\n\t\t\t\t<div class=\"vu_pc-graph-text\" style=\"width:170px;height:170px;line-height:170px;margin-left:-85px;\">\r\n\t\t\t\t\t<span class=\"vu_pc-text\" title=\"Three\" style=\"font-size:32px;color:#303745;\">Three<\/span>\t\t\t\t<\/div>\r\n\r\n\t\t\t\t<style>.vu_pie-chart.vu_pc-custom-753166 .vu_pc-graph-text:before,.vu_pie-chart.vu_pc-custom-753166 .vu_pc-graph-text:after{border-color:#f2f2f2!important;}.vu_pie-chart.vu_pc-custom-753166 .vu_pc-graph-text:after{top:10px;right:10px;bottom:10px;left:10px;}<\/style>\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t[\/vc_column][vc_column layout=&#8221;normal&#8221; vertical_align=&#8221;top&#8221; animation_delay=&#8221;&#8221; width=&#8221;1\/4&#8243; vu_vertical_align=&#8221;top&#8221;]\t\t<div class=\"vu_pie-chart vu_pc-style-3 vu_pc-custom-544442\">\r\n\t\t\t<div class=\"vu_pc-graph\" data-percent=\"73\" data-options=\"{&quot;scaleColor&quot;:false,&quot;lineCap&quot;:&quot;square&quot;,&quot;animate&quot;:{&quot;duration&quot;:1000,&quot;enabled&quot;:true},&quot;barColor&quot;:&quot;#eeb10b&quot;,&quot;trackColor&quot;:&quot;#f2f2f2&quot;,&quot;lineWidth&quot;:10,&quot;size&quot;:170}\" style=\"height:170px;\">\r\n\t\t\t\t<div class=\"vu_pc-graph-text\" style=\"width:170px;height:170px;line-height:170px;margin-left:-85px;\">\r\n\t\t\t\t\t<span class=\"vu_pc-text\" title=\"Various\" style=\"font-size:32px;color:#303745;\">Various<\/span>\t\t\t\t<\/div>\r\n\r\n\t\t\t\t<style>.vu_pie-chart.vu_pc-custom-544442 .vu_pc-graph-text:before,.vu_pie-chart.vu_pc-custom-544442 .vu_pc-graph-text:after{border-color:#f2f2f2!important;}.vu_pie-chart.vu_pc-custom-544442 .vu_pc-graph-text:after{top:10px;right:10px;bottom:10px;left:10px;}<\/style>\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t[\/vc_column][vc_column layout=&#8221;normal&#8221; vertical_align=&#8221;top&#8221; css_animation=&#8221;none&#8221; animation_delay=&#8221;&#8221; width=&#8221;1\/4&#8243; vu_vertical_align=&#8221;top&#8221;]\t\t<div class=\"vu_pie-chart vu_pc-style-3 vu_pc-custom-412293\">\r\n\t\t\t<div class=\"vu_pc-graph\" data-percent=\"65\" data-options=\"{&quot;scaleColor&quot;:false,&quot;lineCap&quot;:&quot;square&quot;,&quot;animate&quot;:{&quot;duration&quot;:1000,&quot;enabled&quot;:true},&quot;barColor&quot;:&quot;#eeb10b&quot;,&quot;trackColor&quot;:&quot;#f2f2f2&quot;,&quot;lineWidth&quot;:10,&quot;size&quot;:170}\" style=\"height:170px;\">\r\n\t\t\t\t<div class=\"vu_pc-graph-text\" style=\"width:170px;height:170px;line-height:170px;margin-left:-85px;\">\r\n\t\t\t\t\t<span class=\"vu_pc-text\" title=\"Styles\" style=\"font-size:32px;color:#303745;\">Styles<\/span>\t\t\t\t<\/div>\r\n\r\n\t\t\t\t<style>.vu_pie-chart.vu_pc-custom-412293 .vu_pc-graph-text:before,.vu_pie-chart.vu_pc-custom-412293 .vu_pc-graph-text:after{border-color:#f2f2f2!important;}.vu_pie-chart.vu_pc-custom-412293 .vu_pc-graph-text:after{top:10px;right:10px;bottom:10px;left:10px;}<\/style>\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t[\/vc_column][\/vc_row][\/vc_section][vc_section content_layout=&#8221;full&#8221; animation_delay=&#8221;&#8221; disable=&#8221;&#8221; id=&#8221;&#8221; class=&#8221;&#8221; bg_type=&#8221;image&#8221; bg_image=&#8221;&#8221; color_overlay=&#8221;&#8221; enable_parallax=&#8221;&#8221; enable_pattern=&#8221;&#8221;][vc_row content_layout=&#8221;boxed&#8221; equal_height=&#8221;&#8221; animation_delay=&#8221;&#8221; disable=&#8221;&#8221; id=&#8221;&#8221; class=&#8221;&#8221; bg_type=&#8221;image&#8221; bg_image=&#8221;&#8221; color_overlay=&#8221;&#8221; enable_parallax=&#8221;&#8221; enable_pattern=&#8221;&#8221;][vc_column layout=&#8221;normal&#8221; vertical_align=&#8221;top&#8221; animation_delay=&#8221;&#8221;]\t\t<header class=\"vu_heading vu_h-style-1 vu_h-alignment-center m-t-0\">\r\n\t\t\t\r\n\t\t\t<h2 class=\"vu_h-heading\"><span>Progress Bar<\/span><\/h2>\r\n\r\n\t\t\t\t\t\t\t<div class=\"vu_h-subheading\">\r\n\t\t\t\t\t<p>Progress Bar are great for displaying varying types of data and content to your viewers.<\/p>\n\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/header>\r\n\t[\/vc_column][\/vc_row][\/vc_section][vc_section content_layout=&#8221;full&#8221; animation_delay=&#8221;&#8221; disable=&#8221;&#8221; id=&#8221;&#8221; class=&#8221;&#8221; bg_type=&#8221;image&#8221; bg_image=&#8221;&#8221; color_overlay=&#8221;&#8221; enable_parallax=&#8221;&#8221; enable_pattern=&#8221;&#8221; css=&#8221;.vc_custom_1509961699145{margin-bottom: 70px !important;}&#8221;][vc_row content_layout=&#8221;boxed&#8221; equal_height=&#8221;&#8221; animation_delay=&#8221;&#8221; disable=&#8221;&#8221; id=&#8221;&#8221; class=&#8221;&#8221; bg_type=&#8221;image&#8221; bg_image=&#8221;&#8221; color_overlay=&#8221;&#8221; enable_parallax=&#8221;&#8221; enable_pattern=&#8221;&#8221;][vc_column layout=&#8221;normal&#8221; vertical_align=&#8221;top&#8221; animation_delay=&#8221;&#8221; width=&#8221;1\/2&#8243;]\t\t<div class=\"vu_progress-bar\" data-value=\"64\">\r\n\t\t\t<span class=\"vu_pb-label\">Young Age<\/span>\r\n\t\t\t<span class=\"vu_pb-count\">64%<\/span>\r\n\t\t\t<div class=\"clear\"><\/div>\r\n\t\t\t<div class=\"vu_pb-container\">\r\n\t\t\t\t<div class=\"vu_pb-bar\">\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t\t<div class=\"vu_progress-bar\" data-value=\"7\">\r\n\t\t\t<span class=\"vu_pb-label\">Crime Level<\/span>\r\n\t\t\t<span class=\"vu_pb-count\">7%<\/span>\r\n\t\t\t<div class=\"clear\"><\/div>\r\n\t\t\t<div class=\"vu_pb-container\">\r\n\t\t\t\t<div class=\"vu_pb-bar\">\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t\t<div class=\"vu_progress-bar\" data-value=\"87\">\r\n\t\t\t<span class=\"vu_pb-label\">Security Level<\/span>\r\n\t\t\t<span class=\"vu_pb-count\">87%<\/span>\r\n\t\t\t<div class=\"clear\"><\/div>\r\n\t\t\t<div class=\"vu_pb-container\">\r\n\t\t\t\t<div class=\"vu_pb-bar\">\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t\t<div class=\"vu_progress-bar m-b-0\" data-value=\"69\">\r\n\t\t\t<span class=\"vu_pb-label\">Education Level<\/span>\r\n\t\t\t<span class=\"vu_pb-count\">69%<\/span>\r\n\t\t\t<div class=\"clear\"><\/div>\r\n\t\t\t<div class=\"vu_pb-container\">\r\n\t\t\t\t<div class=\"vu_pb-bar\">\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t[\/vc_column][vc_column layout=&#8221;normal&#8221; vertical_align=&#8221;top&#8221; animation_delay=&#8221;&#8221; width=&#8221;1\/2&#8243;]\t\t<div class=\"vu_progress-bar\" style=\"color:#595959;\" data-value=\"64\">\r\n\t\t\t<span class=\"vu_pb-label\">Yound Age<\/span>\r\n\t\t\t<span class=\"vu_pb-count\">64%<\/span>\r\n\t\t\t<div class=\"clear\"><\/div>\r\n\t\t\t<div class=\"vu_pb-container\">\r\n\t\t\t\t<div class=\"vu_pb-bar\" style=\"background-color:#303745;\">\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t\t<div class=\"vu_progress-bar\" style=\"color:#595959;\" data-value=\"7\">\r\n\t\t\t<span class=\"vu_pb-label\">Crime Level<\/span>\r\n\t\t\t<span class=\"vu_pb-count\">7%<\/span>\r\n\t\t\t<div class=\"clear\"><\/div>\r\n\t\t\t<div class=\"vu_pb-container\">\r\n\t\t\t\t<div class=\"vu_pb-bar\" style=\"background-color:#303745;\">\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t\t<div class=\"vu_progress-bar\" style=\"color:#595959;\" data-value=\"87\">\r\n\t\t\t<span class=\"vu_pb-label\">Security Level<\/span>\r\n\t\t\t<span class=\"vu_pb-count\">87%<\/span>\r\n\t\t\t<div class=\"clear\"><\/div>\r\n\t\t\t<div class=\"vu_pb-container\">\r\n\t\t\t\t<div class=\"vu_pb-bar\" style=\"background-color:#303745;\">\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t\t<div class=\"vu_progress-bar m-b-0\" style=\"color:#595959;\" data-value=\"69\">\r\n\t\t\t<span class=\"vu_pb-label\">Education Level<\/span>\r\n\t\t\t<span class=\"vu_pb-count\">69%<\/span>\r\n\t\t\t<div class=\"clear\"><\/div>\r\n\t\t\t<div class=\"vu_pb-container\">\r\n\t\t\t\t<div class=\"vu_pb-bar\" style=\"background-color:#303745;\">\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t[\/vc_column][\/vc_row][\/vc_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[vc_section content_layout=&#8221;full&#8221; animation_delay=&#8221;&#8221; disable=&#8221;&#8221; id=&#8221;&#8221; class=&#8221;&#8221; bg_type=&#8221;image&#8221; bg_image=&#8221;&#8221; color_overlay=&#8221;&#8221; enable_parallax=&#8221;&#8221; enable_pattern=&#8221;&#8221;][vc_row content_layout=&#8221;boxed&#8221; equal_height=&#8221;&#8221; animation_delay=&#8221;&#8221; disable=&#8221;&#8221; id=&#8221;&#8221; class=&#8221;&#8221; bg_type=&#8221;image&#8221; bg_image=&#8221;&#8221; color_overlay=&#8221;&#8221; enable_parallax=&#8221;&#8221; enable_pattern=&#8221;&#8221;][vc_column layout=&#8221;normal&#8221; vertical_align=&#8221;top&#8221; animation_delay=&#8221;&#8221;][\/vc_column][\/vc_row][\/vc_section][vc_section content_layout=&#8221;full&#8221; animation_delay=&#8221;&#8221; disable=&#8221;&#8221; id=&#8221;&#8221; class=&#8221;&#8221; bg_type=&#8221;image&#8221; bg_image=&#8221;&#8221; color_overlay=&#8221;&#8221; enable_parallax=&#8221;&#8221; enable_pattern=&#8221;&#8221; css=&#8221;.vc_custom_1509961131692{margin-bottom: 70px !important;}&#8221;][vc_row content_layout=&#8221;boxed&#8221; equal_height=&#8221;&#8221; animation_delay=&#8221;&#8221; disable=&#8221;&#8221; id=&#8221;&#8221; class=&#8221;&#8221; bg_type=&#8221;image&#8221; bg_image=&#8221;&#8221; color_overlay=&#8221;&#8221; enable_parallax=&#8221;&#8221; enable_pattern=&#8221;&#8221; type=&#8221;in_container&#8221; bg_parallax=&#8221;&#8221; vu_equal_height_columns=&#8221;&#8221; row_id=&#8221;&#8221; el_class=&#8221;&#8221; css=&#8221;.vc_custom_1509961234457{margin-bottom: [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":255,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-348","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/preview.codethrive.io\/housico-wp-theme\/wp-json\/wp\/v2\/pages\/348","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/preview.codethrive.io\/housico-wp-theme\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/preview.codethrive.io\/housico-wp-theme\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/preview.codethrive.io\/housico-wp-theme\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/preview.codethrive.io\/housico-wp-theme\/wp-json\/wp\/v2\/comments?post=348"}],"version-history":[{"count":0,"href":"https:\/\/preview.codethrive.io\/housico-wp-theme\/wp-json\/wp\/v2\/pages\/348\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/preview.codethrive.io\/housico-wp-theme\/wp-json\/wp\/v2\/pages\/255"}],"wp:attachment":[{"href":"https:\/\/preview.codethrive.io\/housico-wp-theme\/wp-json\/wp\/v2\/media?parent=348"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}