{"id":653,"date":"2014-10-28T17:08:55","date_gmt":"2014-10-28T17:08:55","guid":{"rendered":"https:\/\/undsgn.com\/uncode_new\/?page_id=653"},"modified":"2018-06-06T20:23:41","modified_gmt":"2018-06-06T12:23:41","slug":"pie-chart-progress-bar","status":"publish","type":"page","link":"http:\/\/www.4mudi.com\/demo\/uncode\/?page_id=653","title":{"rendered":"\u997c\u56fe\u548c\u8fdb\u5ea6\u6761"},"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;73173&#8243; back_position=&#8221;center top&#8221; parallax=&#8221;yes&#8221; overlay_alpha=&#8221;0&#8243; gutter_size=&#8221;100&#8243; column_width_percent=&#8221;100&#8243; border_color=&#8221;color-gyho&#8221; border_style=&#8221;solid&#8221; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; style=&#8221;inherited&#8221; css=&#8221;.vc_custom_1528287570676{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_transform=&#8221;capitalize&#8221; sub_lead=&#8221;yes&#8221; sub_reduced=&#8221;yes&#8221; text_align=&#8221;text-center&#8221; subheading=&#8221;\u591a\u4e48\u76f4\u89c2\u5730\u5438\u5f15\u8bbf\u5ba2\u7684\u597d\u65b9\u6cd5\u3002 \u66f4\u6539\u989c\u8272\uff0c\u7c97\u7ec6\u548c\u5c3a\u5bf8\uff0c\u767e\u5206\u6bd4\uff0c\u81ea\u5b9a\u4e49\u6587\u5b57\u548c\u56fe\u6807\u3002&#8221;]\u997c\u56fe\u548c\u8fdb\u5ea6\u6761[\/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]\u5e26\u6709\u56fe\u6807\u7684\u56fe\u8868[\/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;][vc_column_text]\u5e26\u6709\u56fe\u6807\u7684\u56fe\u8868[\/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-210407&#8243; units=&#8221;%&#8221;][vc_column_text]\u5e26\u6709\u56fe\u6807\u7684\u56fe\u8868[\/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;\u6210\u7ee9&#8221; arc_width=&#8221;1&#8243;][vc_column_text]\u5e26\u6709\u56fe\u6807\u7684\u56fe\u8868[\/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;73381&#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; 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-210407&#8243;][vc_custom_heading heading_semantic=&#8221;h6&#8243; text_size=&#8221;h6&#8243; text_align=&#8221;text-center&#8221; text_serif=&#8221;&#8221; subheading=&#8221;\u670d\u52a1\u51fa\u53e3\u589e\u901f\u7ee7\u7eed\u5feb\u4e8e\u8fdb\u53e3\u589e\u901f\u3002\u53bb\u5e74\u5168\u5e74\u670d\u52a1\u51fa\u53e3\u589e\u901f\u5feb\u4e8e\u8fdb\u53e3\u589e\u901f&#8221;]\u4ea4\u8d27\u65f6\u95f4[\/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-210407&#8243;][vc_custom_heading heading_semantic=&#8221;h6&#8243; text_size=&#8221;h6&#8243; text_align=&#8221;text-center&#8221; text_serif=&#8221;&#8221; subheading=&#8221;\u670d\u52a1\u51fa\u53e3\u589e\u901f\u7ee7\u7eed\u5feb\u4e8e\u8fdb\u53e3\u589e\u901f\u3002\u53bb\u5e74\u5168\u5e74\u670d\u52a1\u51fa\u53e3\u589e\u901f\u5feb\u4e8e\u8fdb\u53e3\u589e\u901f&#8221;]\u5ba2\u6237\u652f\u6301[\/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-210407&#8243;][vc_custom_heading heading_semantic=&#8221;h6&#8243; text_size=&#8221;h6&#8243; text_align=&#8221;text-center&#8221; text_serif=&#8221;&#8221; subheading=&#8221;\u670d\u52a1\u51fa\u53e3\u589e\u901f\u7ee7\u7eed\u5feb\u4e8e\u8fdb\u53e3\u589e\u901f\u3002\u53bb\u5e74\u5168\u5e74\u670d\u52a1\u51fa\u53e3\u589e\u901f\u5feb\u4e8e\u8fdb\u53e3\u589e\u901f&#8221;]\u65b0\u8bbf\u5ba2[\/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-210407&#8243;][vc_custom_heading heading_semantic=&#8221;h6&#8243; text_size=&#8221;h6&#8243; text_align=&#8221;text-center&#8221; text_serif=&#8221;&#8221; subheading=&#8221;\u670d\u52a1\u51fa\u53e3\u589e\u901f\u7ee7\u7eed\u5feb\u4e8e\u8fdb\u53e3\u589e\u901f\u3002\u53bb\u5e74\u5168\u5e74\u670d\u52a1\u51fa\u53e3\u589e\u901f\u5feb\u4e8e\u8fdb\u53e3\u589e\u901f&#8221;]\u5b8c\u6210\u7684\u9879\u76ee[\/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%22%E7%BD%91%E9%A1%B5%E5%BC%80%E5%8F%91%22%2C%22value%22%3A%2295%22%2C%22bar_color%22%3A%22color-210407%22%7D%2C%7B%22label%22%3A%22UI%2FUX%22%2C%22value%22%3A%2270%22%2C%22bar_color%22%3A%22color-210407%22%7D%2C%7B%22label%22%3A%22%E6%91%84%E5%BD%B1%22%2C%22value%22%3A%2285%22%2C%22bar_color%22%3A%22color-210407%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%22%E8%AE%BE%E8%AE%A1%22%2C%22value%22%3A%2295%22%2C%22bar_color%22%3A%22color-jevc%22%7D%2C%7B%22label%22%3A%22%E7%AD%96%E5%88%92%22%2C%22value%22%3A%2270%22%2C%22bar_color%22%3A%22color-jevc%22%7D%2C%7B%22label%22%3A%22%E8%90%A5%E9%94%80%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-210407&#8243; back_image=&#8221;23121&#8243; back_position=&#8221;center bottom&#8221; parallax=&#8221;yes&#8221; overlay_color=&#8221;color-210407&#8243; overlay_alpha=&#8221;95&#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; 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%22%E7%BE%8E%E5%B7%A5%22%2C%22value%22%3A%2295%22%2C%22bar_color%22%3A%22color-xsdn%22%7D%2C%7B%22label%22%3A%22%E6%8A%80%E6%9C%AF%22%2C%22value%22%3A%2270%22%2C%22bar_color%22%3A%22color-xsdn%22%7D%2C%7B%22label%22%3A%22%E9%80%BB%E8%BE%91%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_p [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":125,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-653","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/www.4mudi.com\/demo\/uncode\/index.php?rest_route=\/wp\/v2\/pages\/653"}],"collection":[{"href":"http:\/\/www.4mudi.com\/demo\/uncode\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/www.4mudi.com\/demo\/uncode\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/www.4mudi.com\/demo\/uncode\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.4mudi.com\/demo\/uncode\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=653"}],"version-history":[{"count":4,"href":"http:\/\/www.4mudi.com\/demo\/uncode\/index.php?rest_route=\/wp\/v2\/pages\/653\/revisions"}],"predecessor-version":[{"id":73419,"href":"http:\/\/www.4mudi.com\/demo\/uncode\/index.php?rest_route=\/wp\/v2\/pages\/653\/revisions\/73419"}],"up":[{"embeddable":true,"href":"http:\/\/www.4mudi.com\/demo\/uncode\/index.php?rest_route=\/wp\/v2\/pages\/125"}],"wp:attachment":[{"href":"http:\/\/www.4mudi.com\/demo\/uncode\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=653"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}