Progress bars and Pie charts

[vc_row][vc_column][vc_column_text]

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

[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][mgt_header_block_wp title= »Line chart » subtitle= »Examples »][/vc_column][/vc_row][vc_row css= ».vc_custom_1426070943019{margin-bottom: 80px !impor­tant;} » row_full­width= »0″ row_full­width_bg= »0″ row_paral­lax_bg= »0″][vc_column width= »1/3″][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%22co­lor%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%22co­lor%22%3A%22pink%22%7D%5D »][/vc_column][vc_column width= »1/3″][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%22co­lor%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%22co­lor%22%3A%22pink%22%7D%2C%7B%22title%22%3A%22Th­ree%22%2C%22y_values%22%3A%2217%3B%202%3B%2011%3B%2025%3B%2020%3B%208%3B%2022%3B%2020%22%2C%22co­lor%22%3A%22pea­coc%22%2C%22cus­tom_color%22%3A%22%23f4524d%22%7D%5D » anima­tion= »easeOutBounce »][/vc_column][vc_column width= »1/3″][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%22co­lor%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%22co­lor%22%3A%22vista-blue%22%7D%5D » anima­tion= »easeOutSine »][/vc_column][/vc_row][vc_row][vc_column][mgt_header_block_wp title= »Round chart » subtitle= »Examples »][/vc_column][/vc_row][vc_row css= ».vc_custom_1426070943019{margin-bottom: 80px !impor­tant;} » row_full­width= »0″ row_full­width_bg= »0″ row_paral­lax_bg= »0″][vc_column width= »1/3″][vc_round_chart stroke_width= »2″][/vc_column][vc_column width= »1/3″][vc_round_chart type= »dough­nut » style= »modern » stroke_width= »5″ values= »%5B%7B%22title%22%3A%22One%22%2C%22va­lue%22%3A%2240%22%2C%22co­lor%22%3A%22blue%22%7D%2C%7B%22title%22%3A%22Two%22%2C%22va­lue%22%3A%2240%22%2C%22co­lor%22%3A%22pink%22%7D%2C%7B%22title%22%3A%22Th­ree%22%2C%22va­lue%22%3A%2230%22%2C%22co­lor%22%3A%22green%22%2C%22cus­tom_color%22%3A%22%23ff9900%22%7D%5D » anima­tion= »easeOutQuart »][/vc_column][vc_column width= »1/3″][vc_round_chart type= »dough­nut » stroke_width= »5″ values= »%5B%7B%22title%22%3A%22One%22%2C%22va­lue%22%3A%2220%22%2C%22co­lor%22%3A%22blue%22%7D%2C%7B%22title%22%3A%22Two%22%2C%22va­lue%22%3A%2220%22%2C%22co­lor%22%3A%22pink%22%7D%2C%7B%22title%22%3A%22Th­ree%22%2C%22va­lue%22%3A%2220%22%2C%22co­lor%22%3A%22turquoise%22%2C%22cus­tom_color%22%3A%22%236dab3c%22%7D%2C%7B%22title%22%3A%22Four%22%2C%22va­lue%22%3A%2220%22%2C%22co­lor%22%3A%22grey%22%2C%22cus­tom_color%22%3A%22%2300c1cf%22%7D%2C%7B%22title%22%3A%22Five%22%2C%22va­lue%22%3A%2220%22%2C%22co­lor%22%3A%22pink%22%2C%22cus­tom_color%22%3A%22%235aa1e3%22%7D%5D » anima­tion= »easeOutE­las­tic »][/vc_column][/vc_row][vc_row][vc_column][mgt_header_block_wp title= »Progress bar » subtitle= »Examples »][vc_progress_bar][vc_progress_bar bgco­lor= »bar_green » options= »stri­ped » units= »% »][vc_progress_bar bgco­lor= »bar_red » options= »stri­ped,anima­ted » units= »px »][/vc_column][/vc_row][vc_row][vc_column][mgt_header_block_wp title= »Pie Chart » subtitle= »Examples »][/vc_column][/vc_row][vc_row css= ».vc_custom_1426070943019{margin-bottom: 80px !impor­tant;} » row_full­width= »0″ row_full­width_bg= »0″ row_paral­lax_bg= »0″][vc_column width= »1/3″][vc_pie label_value= »Job done » color= »btn-danger »][/vc_column][vc_column width= »1/3″][vc_pie value= »90″ label_value= »Size » color= »btn-success »][/vc_column][vc_column width= »1/3″][vc_pie value= »40″ label_value= »Sold » color= »btn-warning »][/vc_column][/vc_row]