Progress bars and Pie charts

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”]