Christophe Gourdy
Directeur artistique
Développeur web / webdesigner
Formateur Wordpress

Pie Chart & Progress Bar


[vc_row unlock_row= » » row_height_percent= »0″ override_padding= »yes » h_padding= »2″ top_padding= »4″ bottom_padding= »4″ overlay_alpha= »100″ gutter_size= »100″ style= »inherited »][vc_column column_width_percent= »100″ position_horizontal= »left » align_horizontal= »align_center » overlay_alpha= »100″ gutter_size= »2″ medium_width= »0″ shift_x= »0″ shift_y= »0″ zoom_width= »0″ zoom_height= »0″ width= »1/4″][vc_pie value= »20″ arc_width= »12″ icon= »fa fa-camera2″ bar_color= »color-vyce »][vc_column_text]

Chart with icon

[/vc_column_text][/vc_column][vc_column column_width_percent= »100″ position_horizontal= »left » align_horizontal= »align_center » overlay_alpha= »100″ gutter_size= »2″ medium_width= »0″ shift_x= »0″ shift_y= »0″ zoom_width= »0″ zoom_height= »0″ width= »1/4″][vc_pie value= »85″ arc_width= »6″ icon= »fa fa-desktop2″ bar_color= »color-vyce »][vc_column_text]

Chart with icon

[/vc_column_text][/vc_column][vc_column column_width_percent= »100″ position_horizontal= »left » align_horizontal= »align_center » overlay_alpha= »100″ gutter_size= »2″ medium_width= »0″ shift_x= »0″ shift_y= »0″ zoom_width= »0″ zoom_height= »0″ width= »1/4″][vc_pie value= »80″ arc_width= »4″ bar_color= »color-vyce » units= »% »][vc_column_text]

Chart with percentage

[/vc_column_text][/vc_column][vc_column column_width_percent= »100″ position_horizontal= »left » align_horizontal= »align_center » overlay_alpha= »100″ gutter_size= »2″ medium_width= »0″ shift_x= »0″ shift_y= »0″ zoom_width= »0″ zoom_height= »0″ width= »1/4″][vc_pie value= »95″ label_value= »YOUR TEXT » arc_width= »1″ bar_color= »color-vyce »][vc_column_text]

Chart with custom text

[/vc_column_text][/vc_column][/vc_row][vc_row row_height_percent= »0″ override_padding= »yes » h_padding= »2″ top_padding= »4″ bottom_padding= »4″ back_color= »color-wayh » back_image= »2286″ parallax= »yes » overlay_color= »color-wayh » overlay_alpha= »85″ gutter_size= »100″ column_width_percent= »100″ shift_y= »0″ z_index= »0″ style= »inherited »][vc_column column_width_percent= »100″ position_horizontal= »left » align_horizontal= »align_center » style= »dark » overlay_alpha= »100″ gutter_size= »3″ medium_width= »0″ shift_x= »0″ shift_y= »0″ z_index= »0″ zoom_width= »0″ zoom_height= »0″ width= »1/4″][vc_pie value= »75″ arc_width= »4″ icon= »fa fa-alarmclock » bar_color= »color-vyce »][vc_custom_heading heading_semantic= »h6″ text_size= »h6″ text_weight= »semibold » text_align= »text-center » text_serif= » » subheading= »Credibly brand standards compliant users without extensible services. »]DELIVERY TIME[/vc_custom_heading][/vc_column][vc_column column_width_percent= »100″ position_horizontal= »left » align_horizontal= »align_center » style= »dark » overlay_alpha= »100″ gutter_size= »3″ medium_width= »0″ shift_x= »0″ shift_y= »0″ z_index= »0″ zoom_width= »0″ zoom_height= »0″ width= »1/4″][vc_pie value= »90″ arc_width= »4″ icon= »fa fa-profile-male » bar_color= »color-vyce »][vc_custom_heading heading_semantic= »h6″ text_size= »h6″ text_weight= »semibold » text_align= »text-center » text_serif= » » subheading= »Credibly brand standards compliant users without extensible services. »]CUSTOMER SUPPORT[/vc_custom_heading][/vc_column][vc_column column_width_percent= »100″ position_horizontal= »left » align_horizontal= »align_center » style= »dark » overlay_alpha= »100″ gutter_size= »3″ medium_width= »0″ shift_x= »0″ shift_y= »0″ z_index= »0″ zoom_width= »0″ zoom_height= »0″ width= »1/4″][vc_pie value= »60″ arc_width= »4″ icon= »fa fa-heart2″ bar_color= »color-vyce »][vc_custom_heading heading_semantic= »h6″ text_size= »h6″ text_weight= »semibold » text_align= »text-center » text_serif= » » subheading= »Credibly brand standards compliant users without extensible services. »]NEW VISITORS[/vc_custom_heading][/vc_column][vc_column column_width_percent= »100″ position_horizontal= »left » align_horizontal= »align_center » style= »dark » overlay_alpha= »100″ gutter_size= »3″ medium_width= »0″ shift_x= »0″ shift_y= »0″ z_index= »0″ zoom_width= »0″ zoom_height= »0″ width= »1/4″][vc_pie value= »35″ arc_width= »4″ icon= »fa fa-pictures » bar_color= »color-vyce »][vc_custom_heading heading_semantic= »h6″ text_size= »h6″ text_weight= »semibold » text_align= »text-center » text_serif= » » subheading= »Credibly brand standards compliant users without extensible services. »]FINISHED PROJECTS[/vc_custom_heading][/vc_column][/vc_row][vc_row unlock_row= » » row_height_percent= »0″ override_padding= »yes » h_padding= »2″ top_padding= »4″ bottom_padding= »4″ overlay_alpha= »100″ gutter_size= »100″ style= »inherited »][vc_column width= »1/2″][vc_progress_bar values= »%5B%7B%22label%22%3A%22Web%20Development%22%2C%22value%22%3A%2295%22%2C%22bar_color%22%3A%22color-vyce%22%7D%2C%7B%22label%22%3A%22UI%2FUX%22%2C%22value%22%3A%2270%22%2C%22bar_color%22%3A%22color-vyce%22%7D%2C%7B%22label%22%3A%22Photography%22%2C%22value%22%3A%2285%22%2C%22bar_color%22%3A%22color-vyce%22%7D%5D » bar_color= »accent » units= »% »][/vc_column][vc_column width= »1/2″][vc_progress_bar values= »%5B%7B%22label%22%3A%22Web%20Development%22%2C%22value%22%3A%2295%22%2C%22bar_color%22%3A%22color-jevc%22%7D%2C%7B%22label%22%3A%22UI%2FUX%22%2C%22value%22%3A%2270%22%2C%22bar_color%22%3A%22color-jevc%22%7D%2C%7B%22label%22%3A%22Photography%22%2C%22value%22%3A%2285%22%2C%22bar_color%22%3A%22color-jevc%22%7D%5D » bar_color= »color-prif » units= »% »][/vc_column][/vc_row][vc_row row_height_percent= »0″ override_padding= »yes » h_padding= »2″ top_padding= »4″ bottom_padding= »4″ back_color= »color-143431″ back_image= »11297″ parallax= »yes » overlay_color= »color-143431″ overlay_alpha= »85″ gutter_size= »100″ column_width_percent= »100″ shift_y= »0″ z_index= »0″ style= »inherited » shape_dividers= » »][vc_column column_width_percent= »100″ position_horizontal= »left » style= »dark » overlay_alpha= »100″ medium_width= »0″ zoom_width= »0″ zoom_height= »0″ width= »1/1″][vc_progress_bar values= »%5B%7B%22label%22%3A%22Web%20Development%22%2C%22value%22%3A%2295%22%2C%22bar_color%22%3A%22color-xsdn%22%7D%2C%7B%22label%22%3A%22UI%2FUX%22%2C%22value%22%3A%2270%22%2C%22bar_color%22%3A%22color-xsdn%22%7D%2C%7B%22label%22%3A%22Photography%22%2C%22value%22%3A%2285%22%2C%22bar_color%22%3A%22color-xsdn%22%7D%5D » bar_color= »color-xsdn » units= »% »][/vc_column][/vc_row]