Progress bars and Pie charts
904
page-template-default,page,page-id-904,page-child,parent-pageid-830,bridge-core-3.1.1,qi-blocks-1.2.5,qodef-gutenberg--no-touch,qodef-qi--no-touch,qi-addons-for-elementor-1.6.5,qode-page-transition-enabled,ajax_updown,page_not_loaded,,vertical_menu_enabled,qode-title-hidden,side_area_uncovered_from_content,qode-theme-ver-30.0.1,qode-theme-bridge,disabled_footer_top,disabled_footer_bottom,qode_header_in_grid,wpb-js-composer js-comp-ver-7.0,vc_responsive,elementor-default,elementor-kit-1996

You can easy add progress bars and pie charts to any of your pages or posts with our special Visual Page Builder elements/shortcodes Pie Chart, Progress Bar

[mgt_header_block_wp title=”Line chart” subtitle=”Examples”]
[vc_line_chart values=”%5B%7B%22title%22%3A%22One%22%2C%22y_values%22%3A%2210%3B%2015%3B%2020%3B%2025%3B%2027%3B%2025%3B%2023%3B%2025%22%2C%22color%22%3A%22blue%22%7D%2C%7B%22title%22%3A%22Two%22%2C%22y_values%22%3A%2225%3B%2018%3B%2016%3B%2017%3B%2020%3B%2025%3B%2030%3B%2035%22%2C%22color%22%3A%22pink%22%7D%5D”]
[vc_line_chart type=”line” style=”modern” values=”%5B%7B%22title%22%3A%22One%22%2C%22y_values%22%3A%2210%3B%2015%3B%2020%3B%2025%3B%2027%3B%2025%3B%2023%3B%2025%22%2C%22color%22%3A%22blue%22%7D%2C%7B%22title%22%3A%22Two%22%2C%22y_values%22%3A%2225%3B%2018%3B%2016%3B%2017%3B%2020%3B%2025%3B%2030%3B%2035%22%2C%22color%22%3A%22pink%22%7D%2C%7B%22title%22%3A%22Three%22%2C%22y_values%22%3A%2217%3B%202%3B%2011%3B%2025%3B%2020%3B%208%3B%2022%3B%2020%22%2C%22color%22%3A%22peacoc%22%2C%22custom_color%22%3A%22%23f4524d%22%7D%5D” animation=”easeOutBounce”]
[vc_line_chart style=”modern” values=”%5B%7B%22title%22%3A%22One%22%2C%22y_values%22%3A%2210%3B%2015%3B%2020%3B%2025%3B%2027%3B%2025%3B%2023%3B%2025%22%2C%22color%22%3A%22blue%22%7D%2C%7B%22title%22%3A%22Two%22%2C%22y_values%22%3A%2225%3B%2012%3B%2011%3B%2010%3B%2015%3B%2025%3B%2026%3B%2035%22%2C%22color%22%3A%22vista-blue%22%7D%5D” animation=”easeOutSine”]
[mgt_header_block_wp title=”Round chart” subtitle=”Examples”]
[vc_round_chart stroke_width=”2″]
[vc_round_chart type=”doughnut” style=”modern” stroke_width=”5″ values=”%5B%7B%22title%22%3A%22One%22%2C%22value%22%3A%2240%22%2C%22color%22%3A%22blue%22%7D%2C%7B%22title%22%3A%22Two%22%2C%22value%22%3A%2240%22%2C%22color%22%3A%22pink%22%7D%2C%7B%22title%22%3A%22Three%22%2C%22value%22%3A%2230%22%2C%22color%22%3A%22green%22%2C%22custom_color%22%3A%22%23ff9900%22%7D%5D” animation=”easeOutQuart”]
[vc_round_chart type=”doughnut” stroke_width=”5″ values=”%5B%7B%22title%22%3A%22One%22%2C%22value%22%3A%2220%22%2C%22color%22%3A%22blue%22%7D%2C%7B%22title%22%3A%22Two%22%2C%22value%22%3A%2220%22%2C%22color%22%3A%22pink%22%7D%2C%7B%22title%22%3A%22Three%22%2C%22value%22%3A%2220%22%2C%22color%22%3A%22turquoise%22%2C%22custom_color%22%3A%22%236dab3c%22%7D%2C%7B%22title%22%3A%22Four%22%2C%22value%22%3A%2220%22%2C%22color%22%3A%22grey%22%2C%22custom_color%22%3A%22%2300c1cf%22%7D%2C%7B%22title%22%3A%22Five%22%2C%22value%22%3A%2220%22%2C%22color%22%3A%22pink%22%2C%22custom_color%22%3A%22%235aa1e3%22%7D%5D” animation=”easeOutElastic”]
[mgt_header_block_wp title=”Progress bar” subtitle=”Examples”][vc_progress_bar][vc_progress_bar bgcolor=”bar_green” options=”striped” units=”%”][vc_progress_bar bgcolor=”bar_red” options=”striped,animated” units=”px”]
[mgt_header_block_wp title=”Pie Chart” subtitle=”Examples”]
[vc_pie label_value=”Job done” color=”btn-danger”]
[vc_pie value=”90″ label_value=”Size” color=”btn-success”]
[vc_pie value=”40″ label_value=”Sold” color=”btn-warning”]