{"id":653,"date":"2014-10-28T17:08:55","date_gmt":"2014-10-28T17:08:55","guid":{"rendered":"http:\/\/www.undsgn.com\/uncode\/?page_id=653"},"modified":"2014-10-28T17:08:55","modified_gmt":"2014-10-28T17:08:55","slug":"pie-chart-progress-bar","status":"publish","type":"page","link":"https:\/\/contente.ag\/index.php\/features\/pie-chart-progress-bar\/","title":{"rendered":"Pie Chart &#038; Progress Bar"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;5&#8243; bottom_padding=&#8221;5&#8243; back_color=&#8221;color-lxmt&#8221; back_image=&#8221;41689&#8243; back_position=&#8221;center top&#8221; parallax=&#8221;yes&#8221; overlay_alpha=&#8221;0&#8243; gutter_size=&#8221;100&#8243; border_color=&#8221;color-gyho&#8221; border_style=&#8221;solid&#8221; shift_y=&#8221;0&#8243; style=&#8221;inherited&#8221; css=&#8221;.vc_custom_1444891317759{border-top-width: 0px !important;border-bottom-width: 1px !important;}&#8221;][vc_column column_width_use_pixel=&#8221;yes&#8221; position_vertical=&#8221;middle&#8221; align_horizontal=&#8221;align_center&#8221; font_family=&#8221;font-762333&#8243; overlay_alpha=&#8221;100&#8243; gutter_size=&#8221;3&#8243; medium_width=&#8221;0&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; zoom_width=&#8221;0&#8243; zoom_height=&#8221;0&#8243; width=&#8221;1\/1&#8243; column_width_pixel=&#8221;760&#8243;][vc_custom_heading heading_semantic=&#8221;h1&#8243; text_size=&#8221;h1&#8243; text_space=&#8221;fontspace-781688&#8243; text_font=&#8221;font-762333&#8243; text_transform=&#8221;capitalize&#8221; sub_lead=&#8221;yes&#8221; sub_reduced=&#8221;yes&#8221; text_align=&#8221;text-center&#8221; subheading=&#8221;What a great way to visually attract your visitor. Change color, thickness &amp; size, percentage, custom text and icons. &#8220;]Pie Chart &amp; Progress Bar[\/vc_custom_heading][\/vc_column][\/vc_row][vc_row unlock_row=&#8221;&#8221; row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;4&#8243; bottom_padding=&#8221;4&#8243; overlay_alpha=&#8221;100&#8243; gutter_size=&#8221;100&#8243; style=&#8221;inherited&#8221;][vc_column column_width_percent=&#8221;100&#8243; position_horizontal=&#8221;left&#8221; align_horizontal=&#8221;align_center&#8221; overlay_alpha=&#8221;100&#8243; gutter_size=&#8221;2&#8243; medium_width=&#8221;0&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; zoom_width=&#8221;0&#8243; zoom_height=&#8221;0&#8243; width=&#8221;1\/4&#8243;][vc_pie value=&#8221;20&#8243; arc_width=&#8221;12&#8243; icon=&#8221;fa fa-camera2&#8243;][vc_column_text]<\/p>\n<p>Chart with icon<\/p>\n<p>[\/vc_column_text][\/vc_column][vc_column column_width_percent=&#8221;100&#8243; position_horizontal=&#8221;left&#8221; align_horizontal=&#8221;align_center&#8221; overlay_alpha=&#8221;100&#8243; gutter_size=&#8221;2&#8243; medium_width=&#8221;0&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; zoom_width=&#8221;0&#8243; zoom_height=&#8221;0&#8243; width=&#8221;1\/4&#8243;][vc_pie value=&#8221;45&#8243; arc_width=&#8221;8&#8243; icon=&#8221;fa fa-desktop2&#8243; col_icon=&#8221;yes&#8221;][vc_column_text]<\/p>\n<p>Chart with icon<\/p>\n<p>[\/vc_column_text][\/vc_column][vc_column column_width_percent=&#8221;100&#8243; position_horizontal=&#8221;left&#8221; align_horizontal=&#8221;align_center&#8221; overlay_alpha=&#8221;100&#8243; gutter_size=&#8221;2&#8243; medium_width=&#8221;0&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; zoom_width=&#8221;0&#8243; zoom_height=&#8221;0&#8243; width=&#8221;1\/4&#8243;][vc_pie value=&#8221;80&#8243; arc_width=&#8221;4&#8243; bar_color=&#8221;color-prif&#8221; units=&#8221;%&#8221;][vc_column_text]<\/p>\n<p>Chart with\u00a0percentage<\/p>\n<p>[\/vc_column_text][\/vc_column][vc_column column_width_percent=&#8221;100&#8243; position_horizontal=&#8221;left&#8221; align_horizontal=&#8221;align_center&#8221; overlay_alpha=&#8221;100&#8243; gutter_size=&#8221;2&#8243; medium_width=&#8221;0&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; zoom_width=&#8221;0&#8243; zoom_height=&#8221;0&#8243; width=&#8221;1\/4&#8243;][vc_pie value=&#8221;95&#8243; label_value=&#8221;YOUR TEXT&#8221; arc_width=&#8221;1&#8243;][vc_column_text]<\/p>\n<p>Chart with\u00a0custom text<\/p>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;4&#8243; bottom_padding=&#8221;4&#8243; back_color=&#8221;color-wayh&#8221; back_image=&#8221;42833&#8243; back_position=&#8221;center center&#8221; parallax=&#8221;yes&#8221; overlay_color=&#8221;color-wayh&#8221; overlay_alpha=&#8221;90&#8243; gutter_size=&#8221;100&#8243; shift_y=&#8221;0&#8243; style=&#8221;inherited&#8221;][vc_column column_width_percent=&#8221;100&#8243; position_horizontal=&#8221;left&#8221; align_horizontal=&#8221;align_center&#8221; style=&#8221;dark&#8221; overlay_alpha=&#8221;100&#8243; gutter_size=&#8221;3&#8243; medium_width=&#8221;0&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; zoom_width=&#8221;0&#8243; zoom_height=&#8221;0&#8243; width=&#8221;1\/4&#8243;][vc_pie value=&#8221;75&#8243; arc_width=&#8221;4&#8243; icon=&#8221;fa fa-alarmclock&#8221;][vc_custom_heading heading_semantic=&#8221;h6&#8243; text_size=&#8221;h6&#8243; text_weight=&#8221;semibold&#8221; text_align=&#8221;text-center&#8221; text_serif=&#8221;&#8221; subheading=&#8221;<\/p>\n<p>Credibly brand standards compliant users without extensible services.<\/p>\n<p>&#8220;]DELIVERY TIME[\/vc_custom_heading][\/vc_column][vc_column column_width_percent=&#8221;100&#8243; position_horizontal=&#8221;left&#8221; align_horizontal=&#8221;align_center&#8221; style=&#8221;dark&#8221; overlay_alpha=&#8221;100&#8243; gutter_size=&#8221;3&#8243; medium_width=&#8221;0&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; zoom_width=&#8221;0&#8243; zoom_height=&#8221;0&#8243; width=&#8221;1\/4&#8243;][vc_pie value=&#8221;90&#8243; arc_width=&#8221;4&#8243; icon=&#8221;fa fa-profile-male&#8221;][vc_custom_heading heading_semantic=&#8221;h6&#8243; text_size=&#8221;h6&#8243; text_weight=&#8221;semibold&#8221; text_align=&#8221;text-center&#8221; text_serif=&#8221;&#8221; subheading=&#8221;<\/p>\n<p>Credibly brand standards compliant users without extensible services.<\/p>\n<p>&#8220;]CUSTOMER SUPPORT[\/vc_custom_heading][\/vc_column][vc_column column_width_percent=&#8221;100&#8243; position_horizontal=&#8221;left&#8221; align_horizontal=&#8221;align_center&#8221; style=&#8221;dark&#8221; overlay_alpha=&#8221;100&#8243; gutter_size=&#8221;3&#8243; medium_width=&#8221;0&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; zoom_width=&#8221;0&#8243; zoom_height=&#8221;0&#8243; width=&#8221;1\/4&#8243;][vc_pie value=&#8221;60&#8243; arc_width=&#8221;4&#8243; icon=&#8221;fa fa-heart2&#8243;][vc_custom_heading heading_semantic=&#8221;h6&#8243; text_size=&#8221;h6&#8243; text_weight=&#8221;semibold&#8221; text_align=&#8221;text-center&#8221; text_serif=&#8221;&#8221; subheading=&#8221;<\/p>\n<p>Credibly brand standards compliant users without extensible services.<\/p>\n<p>&#8220;]NEW VISITORS[\/vc_custom_heading][\/vc_column][vc_column column_width_percent=&#8221;100&#8243; position_horizontal=&#8221;left&#8221; align_horizontal=&#8221;align_center&#8221; style=&#8221;dark&#8221; overlay_alpha=&#8221;100&#8243; gutter_size=&#8221;3&#8243; medium_width=&#8221;0&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; zoom_width=&#8221;0&#8243; zoom_height=&#8221;0&#8243; width=&#8221;1\/4&#8243;][vc_pie value=&#8221;35&#8243; arc_width=&#8221;4&#8243; icon=&#8221;fa fa-pictures&#8221;][vc_custom_heading heading_semantic=&#8221;h6&#8243; text_size=&#8221;h6&#8243; text_weight=&#8221;semibold&#8221; text_align=&#8221;text-center&#8221; text_serif=&#8221;&#8221; subheading=&#8221;<\/p>\n<p>Credibly brand standards compliant users without extensible services.<\/p>\n<p>&#8220;]FINISHED PROJECTS[\/vc_custom_heading][\/vc_column][\/vc_row][vc_row unlock_row=&#8221;&#8221; row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;4&#8243; bottom_padding=&#8221;4&#8243; overlay_alpha=&#8221;100&#8243; gutter_size=&#8221;100&#8243; style=&#8221;inherited&#8221;][vc_column width=&#8221;1\/2&#8243;][vc_progress_bar values=&#8221;%5B%7B%22label%22%3A%22Web%20Development%22%2C%22value%22%3A%2295%22%2C%22bar_color%22%3A%22accent%22%7D%2C%7B%22label%22%3A%22UI%2FUX%22%2C%22value%22%3A%2270%22%2C%22bar_color%22%3A%22accent%22%7D%2C%7B%22label%22%3A%22Photography%22%2C%22value%22%3A%2285%22%2C%22bar_color%22%3A%22accent%22%7D%5D&#8221; bar_color=&#8221;accent&#8221; units=&#8221;%&#8221;][\/vc_column][vc_column width=&#8221;1\/2&#8243;][vc_progress_bar values=&#8221;%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&#8221; bar_color=&#8221;color-prif&#8221; units=&#8221;%&#8221;][\/vc_column][\/vc_row][vc_row row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;4&#8243; bottom_padding=&#8221;4&#8243; back_color=&#8221;accent&#8221; back_image=&#8221;42850&#8243; back_position=&#8221;center bottom&#8221; parallax=&#8221;yes&#8221; overlay_color=&#8221;accent&#8221; overlay_alpha=&#8221;95&#8243; gutter_size=&#8221;100&#8243; shift_y=&#8221;0&#8243; style=&#8221;inherited&#8221;][vc_column column_width_percent=&#8221;100&#8243; position_horizontal=&#8221;left&#8221; style=&#8221;dark&#8221; overlay_alpha=&#8221;100&#8243; medium_width=&#8221;0&#8243; zoom_width=&#8221;0&#8243; zoom_height=&#8221;0&#8243; width=&#8221;1\/1&#8243;][vc_progress_bar values=&#8221;%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&#8221; bar_color=&#8221;color-xsdn&#8221; units=&#8221;%&#8221;][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;5&#8243; bottom_padding=&#8221;5&#8243; back_color=&#8221;color-lxmt&#8221; back_image=&#8221;41689&#8243; back_position=&#8221;center top&#8221; parallax=&#8221;yes&#8221; overlay_alpha=&#8221;0&#8243; gutter_size=&#8221;100&#8243; border_color=&#8221;color-gyho&#8221; border_style=&#8221;solid&#8221; shift_y=&#8221;0&#8243; style=&#8221;inherited&#8221; css=&#8221;.vc_custom_1444891317759{border-top-width: 0px !important;border-bottom-width: [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":125,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/contente.ag\/index.php\/wp-json\/wp\/v2\/pages\/653"}],"collection":[{"href":"https:\/\/contente.ag\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/contente.ag\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/contente.ag\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/contente.ag\/index.php\/wp-json\/wp\/v2\/comments?post=653"}],"version-history":[{"count":0,"href":"https:\/\/contente.ag\/index.php\/wp-json\/wp\/v2\/pages\/653\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/contente.ag\/index.php\/wp-json\/wp\/v2\/pages\/125"}],"wp:attachment":[{"href":"https:\/\/contente.ag\/index.php\/wp-json\/wp\/v2\/media?parent=653"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}