{"id":653,"date":"2014-10-28T17:08:55","date_gmt":"2014-10-28T17:08:55","guid":{"rendered":"https:\/\/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:\/\/abbyhsia.com\/index.php\/features\/pie-chart-progress-bar\/","title":{"rendered":"Pie Chart &#038; Progress Bar"},"content":{"rendered":"<p>[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; bar_color=&#8221;color-vyce&#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;85&#8243; arc_width=&#8221;6&#8243; icon=&#8221;fa fa-desktop2&#8243; bar_color=&#8221;color-vyce&#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-vyce&#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; bar_color=&#8221;color-vyce&#8221;][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;11419&#8243; parallax=&#8221;yes&#8221; overlay_color=&#8221;color-wayh&#8221; overlay_alpha=&#8221;85&#8243; gutter_size=&#8221;100&#8243; column_width_percent=&#8221;100&#8243; shift_y=&#8221;0&#8243; z_index=&#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; bar_color=&#8221;color-vyce&#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;Credibly brand standards compliant users without extensible services.&#8221;]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; bar_color=&#8221;color-vyce&#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;Credibly brand standards compliant users without extensible services.&#8221;]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; bar_color=&#8221;color-vyce&#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;Credibly brand standards compliant users without extensible services.&#8221;]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; bar_color=&#8221;color-vyce&#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;Credibly brand standards compliant users without extensible services.&#8221;]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%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&#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;color-143431&#8243; back_image=&#8221;23519&#8243; parallax=&#8221;yes&#8221; overlay_color=&#8221;color-143431&#8243; overlay_alpha=&#8221;85&#8243; gutter_size=&#8221;100&#8243; column_width_percent=&#8221;100&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; style=&#8221;inherited&#8221; shape_dividers=&#8221;&#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","protected":false},"excerpt":{"rendered":"<p>What a great way to visually attract your visitor. Change color, thickness &#038; size, percentage, custom text and icons.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":125,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-653","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Pie Chart &amp; Progress Bar -<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/abbyhsia.com\/index.php\/features\/pie-chart-progress-bar\/\" \/>\n<meta property=\"og:locale\" content=\"zh_TW\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Pie Chart &amp; Progress Bar -\" \/>\n<meta property=\"og:description\" content=\"What a great way to visually attract your visitor. Change color, thickness &amp; size, percentage, custom text and icons.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/abbyhsia.com\/index.php\/features\/pie-chart-progress-bar\/\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u9810\u4f30\u95b1\u8b80\u6642\u9593\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 \u5206\u9418\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/abbyhsia.com\\\/index.php\\\/features\\\/pie-chart-progress-bar\\\/\",\"url\":\"https:\\\/\\\/abbyhsia.com\\\/index.php\\\/features\\\/pie-chart-progress-bar\\\/\",\"name\":\"Pie Chart & Progress Bar -\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/abbyhsia.com\\\/#website\"},\"datePublished\":\"2014-10-28T17:08:55+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/abbyhsia.com\\\/index.php\\\/features\\\/pie-chart-progress-bar\\\/#breadcrumb\"},\"inLanguage\":\"zh-TW\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/abbyhsia.com\\\/index.php\\\/features\\\/pie-chart-progress-bar\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/abbyhsia.com\\\/index.php\\\/features\\\/pie-chart-progress-bar\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/abbyhsia.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Features\",\"item\":\"https:\\\/\\\/abbyhsia.com\\\/index.php\\\/features\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Pie Chart &#038; Progress Bar\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/abbyhsia.com\\\/#website\",\"url\":\"https:\\\/\\\/abbyhsia.com\\\/\",\"name\":\"\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/abbyhsia.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"zh-TW\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Pie Chart & Progress Bar -","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/abbyhsia.com\/index.php\/features\/pie-chart-progress-bar\/","og_locale":"zh_TW","og_type":"article","og_title":"Pie Chart & Progress Bar -","og_description":"What a great way to visually attract your visitor. Change color, thickness & size, percentage, custom text and icons.","og_url":"https:\/\/abbyhsia.com\/index.php\/features\/pie-chart-progress-bar\/","twitter_card":"summary_large_image","twitter_misc":{"\u9810\u4f30\u95b1\u8b80\u6642\u9593":"4 \u5206\u9418"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/abbyhsia.com\/index.php\/features\/pie-chart-progress-bar\/","url":"https:\/\/abbyhsia.com\/index.php\/features\/pie-chart-progress-bar\/","name":"Pie Chart & Progress Bar -","isPartOf":{"@id":"https:\/\/abbyhsia.com\/#website"},"datePublished":"2014-10-28T17:08:55+00:00","breadcrumb":{"@id":"https:\/\/abbyhsia.com\/index.php\/features\/pie-chart-progress-bar\/#breadcrumb"},"inLanguage":"zh-TW","potentialAction":[{"@type":"ReadAction","target":["https:\/\/abbyhsia.com\/index.php\/features\/pie-chart-progress-bar\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/abbyhsia.com\/index.php\/features\/pie-chart-progress-bar\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/abbyhsia.com\/"},{"@type":"ListItem","position":2,"name":"Features","item":"https:\/\/abbyhsia.com\/index.php\/features\/"},{"@type":"ListItem","position":3,"name":"Pie Chart &#038; Progress Bar"}]},{"@type":"WebSite","@id":"https:\/\/abbyhsia.com\/#website","url":"https:\/\/abbyhsia.com\/","name":"","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/abbyhsia.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"zh-TW"}]}},"_links":{"self":[{"href":"https:\/\/abbyhsia.com\/index.php\/wp-json\/wp\/v2\/pages\/653","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/abbyhsia.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/abbyhsia.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/abbyhsia.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/abbyhsia.com\/index.php\/wp-json\/wp\/v2\/comments?post=653"}],"version-history":[{"count":0,"href":"https:\/\/abbyhsia.com\/index.php\/wp-json\/wp\/v2\/pages\/653\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/abbyhsia.com\/index.php\/wp-json\/wp\/v2\/pages\/125"}],"wp:attachment":[{"href":"https:\/\/abbyhsia.com\/index.php\/wp-json\/wp\/v2\/media?parent=653"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}