Bars & Pie Charts

[vc_row header_feature=”yes” padding_top=”120″ padding_bottom=”120″ margin_bottom=”0″][vc_column width=”1/3″][eut_title title=”Progress Bars” heading=”h6″][vc_column_text]

This element creates horizontal bars that get animated in accord with the percent given; the best way to show your skills in a visual way.

[/vc_column_text][/vc_column][vc_column width=”2/3″][eut_progress_bar bar_style=”style-2″ values=”90|Development,80|Design|black,70|Marketing,95|Support” bar_height=”4″ bar_line_style=”round”][eut_divider padding_top=”50″ padding_bottom=”50″][eut_progress_bar values=”90|Development,80|Design|black,70|Marketing,95|Support” color=”grey”][/vc_column][/vc_row][vc_row heading_color=”orange” bg_type=”image” bg_image_type=”parallax” color_overlay=”dark” opacity_overlay=”60″ bg_image=”5698″ padding_top=”70″ padding_bottom=”70″ margin_bottom=”0″ font_color=”#a9a9a9″][vc_column width=”1/3″][eut_pie_chart pie_chart_val=”90″ pie_chart_suffix=”%” pie_chart_line_size=”4″ pie_line_style=”round” title=”JQuery Power” heading=”h5″ pie_chart_text=” His case deserunt disputando cu, pericula consetetur scripserit prima modus recteque.” animation=”fadeInUp” animation_delay=”400″ pie_active_color=”#ffffff” pie_chart_color=”rgba(255,255,255,0.12)”][/vc_column][vc_column width=”1/3″][eut_pie_chart pie_chart_val=”78″ pie_chart_suffix=”%” pie_chart_line_size=”4″ pie_line_style=”round” title=”CSS Capabilities” heading=”h5″ pie_chart_text=” His case deserunt disputando cu, pericula consetetur scripserit prima modus recteque.” animation=”fadeInUp” animation_delay=”800″ pie_active_color=”#ffffff” pie_chart_color=”rgba(255,255,255,0.12)”][/vc_column][vc_column width=”1/3″][eut_pie_chart pie_chart_val=”65″ pie_chart_suffix=”%” pie_chart_line_size=”4″ pie_line_style=”round” title=”WP Framework” heading=”h5″ pie_chart_text=” His case deserunt disputando cu, pericula consetetur scripserit prima modus recteque.” animation=”fadeInUp” animation_delay=”1200″ pie_active_color=”#ffffff” pie_chart_color=”rgba(255,255,255,0.12)”][/vc_column][/vc_row][vc_row footer_feature=”yes” padding_top=”120″ padding_bottom=”120″ margin_bottom=”0″][vc_column width=”1/3″][eut_title title=”Pie Charts” heading=”h6″][vc_column_text]

With this element you can create appealing pie charts with multiple options.

[/vc_column_text][/vc_column][vc_column width=”2/3″][vc_row_inner][vc_column_inner width=”1/2″][eut_pie_chart pie_chart_val=”78″ pie_chart_suffix=”%” pie_chart_line_size=”4″ pie_line_style=”round” title=”CSS Capabilities” heading=”h5″ pie_chart_text=” His case deserunt disputando cu, pericula consetetur scripserit prima modus recteque.” animation=”fadeInUp” animation_delay=”800″ pie_active_color=”#fa4949″ pie_chart_color=”rgba(255,255,255,0.12)”][/vc_column_inner][vc_column_inner width=”1/2″][eut_pie_chart pie_chart_val=”68″ pie_chart_suffix=”%” pie_chart_line_size=”12″ title=”JQuery Power” heading=”h5″ pie_chart_text=” His case deserunt disputando cu, pericula consetetur scripserit prima modus recteque.” animation=”fadeInUp” animation_delay=”400″ pie_active_color=”#c6c6c6″ pie_chart_color=”rgba(255,255,255,0.12)”][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row]