Pie Chart & Progress Bar

[vu_heading style=”1″ heading=”Pie Chart” subheading=”Pie charts are generally used to show percentage or proportional data and usually the percentage
represented by each category is provided next to the corresponding slice of pie.” alignment=”center” custom_colors=”0″ class=”m-t-0″]

[vu_pie_chart style=”1″ type=”text” text=”64%” value=”64″ line_width=”10″ size=”170″ font_size=”36″ text_color=”#303745″ bar_color=”#eeb10b” track_color=”#f2f2f2″ class=””]

Young Age

[vu_pie_chart style=”1″ type=”text” text=”12%” value=”12″ line_width=”10″ size=”170″ font_size=”36″ text_color=”#303745″ bar_color=”#eeb10b” track_color=”#f2f2f2″ class=””]

Crime Level

[vu_pie_chart style=”1″ type=”text” text=”87%” value=”87″ line_width=”10″ size=”170″ font_size=”36″ text_color=”#303745″ bar_color=”#eeb10b” track_color=”#f2f2f2″ class=””]

Security Level

[vu_pie_chart style=”1″ type=”text” text=”63%” value=”63″ line_width=”10″ size=”170″ font_size=”36″ text_color=”#303745″ bar_color=”#eeb10b” track_color=”#f2f2f2″ class=””]

Education Level

[vu_pie_chart style=”2″ type=”icon” icon_library=”flexipress” icon_flexipress=”vu_fp-accessibility” value=”83″ line_width=”10″ size=”170″ font_size=”48″ text_color=”#eeb10b” bar_color=”#303745″ track_color=”#f2f2f2″ class=”” icon_bakery=”vu_fb-open”]

Young Age

[vu_pie_chart style=”2″ type=”icon” icon_library=”flexipress” icon_flexipress=”vu_fp-nature_people” value=”12″ line_width=”10″ size=”170″ font_size=”48″ text_color=”#eeb10b” bar_color=”#303745″ track_color=”#f2f2f2″ class=”” icon_bakery=”vu_fb-hamburger-5″]

Crime Level

[vu_pie_chart style=”2″ type=”icon” icon_library=”flexipress” icon_flexipress=”vu_fp-security” value=”95″ line_width=”10″ size=”170″ font_size=”48″ text_color=”#eeb10b” bar_color=”#303745″ track_color=”#f2f2f2″ class=”” icon_flexipress=”vu_fp-security”]

Security Level

[vu_pie_chart style=”2″ type=”icon” icon_library=”flexipress” icon_flexipress=”vu_fp-account_balance” value=”73″ line_width=”10″ size=”170″ font_size=”48″ text_color=”#eeb10b” bar_color=”#303745″ track_color=”#f2f2f2″ class=”” icon_flexipress=”vu_fp-school”]

Education Level

[vu_pie_chart style=”3″ type=”text” text=”Use” value=”73″ line_width=”10″ size=”170″ font_size=”32″ text_color=”#303745″ bar_color=”#eeb10b” track_color=”#f2f2f2″ class=””]

[vu_pie_chart style=”3″ type=”text” text=”Three” value=”23″ line_width=”10″ size=”170″ font_size=”32″ text_color=”#303745″ bar_color=”#eeb10b” track_color=”#f2f2f2″ class=””]

[vu_pie_chart style=”3″ type=”text” text=”Various” value=”73″ line_width=”10″ size=”170″ font_size=”32″ text_color=”#303745″ bar_color=”#eeb10b” track_color=”#f2f2f2″ class=””]

[vu_pie_chart style=”3″ type=”text” text=”Styles” value=”65″ line_width=”10″ size=”170″ font_size=”32″ text_color=”#303745″ bar_color=”#eeb10b” track_color=”#f2f2f2″ class=””]

[vu_heading style=”1″ heading=”Progress Bar” subheading=”Progress Bar are great for displaying varying types of data and content to your viewers.” alignment=”center” custom_colors=”” class=”m-t-0″]

[vu_progress_bar label=”Young Age” value=”64″ custom_color=”” class=””][vu_progress_bar label=”Crime Level” value=”7″ custom_color=”” class=””][vu_progress_bar label=”Security Level” value=”87″ custom_color=”” class=””][vu_progress_bar label=”Education Level” value=”69″ custom_color=”” class=”m-b-0″]

[vu_progress_bar label=”Yound Age” value=”64″ custom_color=”1″ text_color=”#595959″ bar_color=”#303745″ bar_bg_color=”” class=””][vu_progress_bar label=”Crime Level” value=”7″ custom_color=”1″ text_color=”#595959″ bar_color=”#303745″ bar_bg_color=”” class=””][vu_progress_bar label=”Security Level” value=”87″ custom_color=”1″ text_color=”#595959″ bar_color=”#303745″ bar_bg_color=”” class=””][vu_progress_bar label=”Education Level” value=”69″ custom_color=”1″ text_color=”#595959″ bar_color=”#303745″ bar_bg_color=”” class=”m-b-0″]