{"id":78949,"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:\/\/noisydigital.com\/fr_fr\/features\/pie-chart-progress-bar\/","title":{"rendered":"Pie Chart &#038; Progress Bar"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><div data-parent=\"true\" class=\"vc_row limit-width row-container boomapps_vcrow\" id=\"row-unique-0\"><div class=\"row triple-top-padding triple-bottom-padding single-h-padding row-parent\"><div class=\"wpb_row row-inner\"><div class=\"wpb_column pos-top pos-left align_center column_parent col-lg-3 boomapps_vccolumn half-internal-gutter\"><div class=\"uncol style-light\"  ><div class=\"uncoltable\"><div class=\"uncell  boomapps_vccolumn no-block-padding\" ><div class=\"uncont\"><div class=\"vc_progress_label vc_pie_chart wpb_content_element\"  data-pie-value=\"20\" data-pie-label-value=\"&lt;i class=&quot;fa fa-camera2 fa-2x&quot; style=&quot;line-height: inherit;&quot;&gt;&lt;\/i&gt;\" data-pie-units=\"\" data-pie-color=\"#0cb4ce\" data-pie-width=\"12\" ><div class=\"wpb_wrapper\"><div class=\"vc_pie_wrapper\"><span class=\"vc_pie_chart_back\" style=\"border-width: 13px\"><\/span><span class=\"vc_pie_chart_value\"><\/span><canvas width=\"101\" height=\"101\"><\/canvas><\/div><\/div><\/div><div class=\"uncode_text_column\" ><\/p>\n<p>Chart with icon<\/p>\n<p>\n<\/div><\/div><\/div><\/div><\/div><\/div><div class=\"wpb_column pos-top pos-left align_center column_parent col-lg-3 boomapps_vccolumn half-internal-gutter\"><div class=\"uncol style-light\"  ><div class=\"uncoltable\"><div class=\"uncell  boomapps_vccolumn no-block-padding\" ><div class=\"uncont\"><div class=\"vc_progress_label vc_pie_chart wpb_content_element\"  data-pie-value=\"85\" data-pie-label-value=\"&lt;i class=&quot;fa fa-desktop2 fa-2x&quot; style=&quot;line-height: inherit;&quot;&gt;&lt;\/i&gt;\" data-pie-units=\"\" data-pie-color=\"#0cb4ce\" data-pie-width=\"6\" ><div class=\"wpb_wrapper\"><div class=\"vc_pie_wrapper\"><span class=\"vc_pie_chart_back\" style=\"border-width: 7px\"><\/span><span class=\"vc_pie_chart_value\"><\/span><canvas width=\"101\" height=\"101\"><\/canvas><\/div><\/div><\/div><div class=\"uncode_text_column\" ><\/p>\n<p>Chart with icon<\/p>\n<p>\n<\/div><\/div><\/div><\/div><\/div><\/div><div class=\"wpb_column pos-top pos-left align_center column_parent col-lg-3 boomapps_vccolumn half-internal-gutter\"><div class=\"uncol style-light\"  ><div class=\"uncoltable\"><div class=\"uncell  boomapps_vccolumn no-block-padding\" ><div class=\"uncont\"><div class=\"vc_progress_label vc_pie_chart wpb_content_element\"  data-pie-value=\"80\" data-pie-label-value=\"\" data-pie-units=\"%\" data-pie-color=\"#0cb4ce\" data-pie-width=\"4\" ><div class=\"wpb_wrapper\"><div class=\"vc_pie_wrapper\"><span class=\"vc_pie_chart_back\" style=\"border-width: 5px\"><\/span><span class=\"vc_pie_chart_value\"><\/span><canvas width=\"101\" height=\"101\"><\/canvas><\/div><\/div><\/div><div class=\"uncode_text_column\" ><\/p>\n<p>Chart with\u00a0percentage<\/p>\n<p>\n<\/div><\/div><\/div><\/div><\/div><\/div><div class=\"wpb_column pos-top pos-left align_center column_parent col-lg-3 boomapps_vccolumn half-internal-gutter\"><div class=\"uncol style-light\"  ><div class=\"uncoltable\"><div class=\"uncell  boomapps_vccolumn no-block-padding\" ><div class=\"uncont\"><div class=\"vc_progress_label vc_pie_chart wpb_content_element\"  data-pie-value=\"95\" data-pie-label-value=\"YOUR TEXT\" data-pie-units=\"\" data-pie-color=\"#0cb4ce\" data-pie-width=\"1\" ><div class=\"wpb_wrapper\"><div class=\"vc_pie_wrapper\"><span class=\"vc_pie_chart_back\" style=\"border-width: 2px\"><\/span><span class=\"vc_pie_chart_value\"><\/span><canvas width=\"101\" height=\"101\"><\/canvas><\/div><\/div><\/div><div class=\"uncode_text_column\" ><\/p>\n<p>Chart with\u00a0custom text<\/p>\n<p>\n<\/div><\/div><\/div><\/div><\/div><\/div><script id=\"script-row-unique-0\" data-row=\"script-row-unique-0\" type=\"text\/javascript\" class=\"vc_controls\">UNCODE.initRow(document.getElementById(\"row-unique-0\"));<\/script><\/div><\/div><\/div><div data-parent=\"true\" class=\"vc_row style-color-wayh-bg row-container with-parallax boomapps_vcrow\" id=\"row-unique-1\"><div class=\"row-background background-element\">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"background-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"background-inner\" style=\"background-image: url(https:\/\/noisydigital.com\/wp-content\/uploads\/2019\/02\/image-placeholder-29-min.jpg);background-repeat: no-repeat;background-position: center center;background-size: cover;\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"block-bg-overlay style-color-wayh-bg\" style=\"opacity: 0.85;\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<\/div><div class=\"row triple-top-padding triple-bottom-padding single-h-padding limit-width row-parent\"><div class=\"wpb_row row-inner\"><div class=\"wpb_column pos-top pos-left align_center column_parent col-lg-3 boomapps_vccolumn single-internal-gutter\"><div class=\"uncol style-dark\"  ><div class=\"uncoltable\"><div class=\"uncell  boomapps_vccolumn no-block-padding\" ><div class=\"uncont\"><div class=\"vc_progress_label vc_pie_chart wpb_content_element\"  data-pie-value=\"75\" data-pie-label-value=\"&lt;i class=&quot;fa fa-alarmclock fa-2x&quot; style=&quot;line-height: inherit;&quot;&gt;&lt;\/i&gt;\" data-pie-units=\"\" data-pie-color=\"#0cb4ce\" data-pie-width=\"4\" ><div class=\"wpb_wrapper\"><div class=\"vc_pie_wrapper\"><span class=\"vc_pie_chart_back\" style=\"border-width: 5px\"><\/span><span class=\"vc_pie_chart_value\"><\/span><canvas width=\"101\" height=\"101\"><\/canvas><\/div><\/div><\/div><div class=\"vc_custom_heading_wrap \"><div class=\"heading-text el-text\" ><h6 class=\"h6 font-weight-semibold\" ><span>DELIVERY TIME<\/span><\/h6><div><p>Credibly brand standards compliant users without extensible services.<\/p>\n<\/div><\/div><div class=\"clear\"><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"wpb_column pos-top pos-left align_center column_parent col-lg-3 boomapps_vccolumn single-internal-gutter\"><div class=\"uncol style-dark\"  ><div class=\"uncoltable\"><div class=\"uncell  boomapps_vccolumn no-block-padding\" ><div class=\"uncont\"><div class=\"vc_progress_label vc_pie_chart wpb_content_element\"  data-pie-value=\"90\" data-pie-label-value=\"&lt;i class=&quot;fa fa-profile-male fa-2x&quot; style=&quot;line-height: inherit;&quot;&gt;&lt;\/i&gt;\" data-pie-units=\"\" data-pie-color=\"#0cb4ce\" data-pie-width=\"4\" ><div class=\"wpb_wrapper\"><div class=\"vc_pie_wrapper\"><span class=\"vc_pie_chart_back\" style=\"border-width: 5px\"><\/span><span class=\"vc_pie_chart_value\"><\/span><canvas width=\"101\" height=\"101\"><\/canvas><\/div><\/div><\/div><div class=\"vc_custom_heading_wrap \"><div class=\"heading-text el-text\" ><h6 class=\"h6 font-weight-semibold\" ><span>CUSTOMER SUPPORT<\/span><\/h6><div><p>Credibly brand standards compliant users without extensible services.<\/p>\n<\/div><\/div><div class=\"clear\"><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"wpb_column pos-top pos-left align_center column_parent col-lg-3 boomapps_vccolumn single-internal-gutter\"><div class=\"uncol style-dark\"  ><div class=\"uncoltable\"><div class=\"uncell  boomapps_vccolumn no-block-padding\" ><div class=\"uncont\"><div class=\"vc_progress_label vc_pie_chart wpb_content_element\"  data-pie-value=\"60\" data-pie-label-value=\"&lt;i class=&quot;fa fa-heart2 fa-2x&quot; style=&quot;line-height: inherit;&quot;&gt;&lt;\/i&gt;\" data-pie-units=\"\" data-pie-color=\"#0cb4ce\" data-pie-width=\"4\" ><div class=\"wpb_wrapper\"><div class=\"vc_pie_wrapper\"><span class=\"vc_pie_chart_back\" style=\"border-width: 5px\"><\/span><span class=\"vc_pie_chart_value\"><\/span><canvas width=\"101\" height=\"101\"><\/canvas><\/div><\/div><\/div><div class=\"vc_custom_heading_wrap \"><div class=\"heading-text el-text\" ><h6 class=\"h6 font-weight-semibold\" ><span>NEW VISITORS<\/span><\/h6><div><p>Credibly brand standards compliant users without extensible services.<\/p>\n<\/div><\/div><div class=\"clear\"><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"wpb_column pos-top pos-left align_center column_parent col-lg-3 boomapps_vccolumn single-internal-gutter\"><div class=\"uncol style-dark\"  ><div class=\"uncoltable\"><div class=\"uncell  boomapps_vccolumn no-block-padding\" ><div class=\"uncont\"><div class=\"vc_progress_label vc_pie_chart wpb_content_element\"  data-pie-value=\"35\" data-pie-label-value=\"&lt;i class=&quot;fa fa-pictures fa-2x&quot; style=&quot;line-height: inherit;&quot;&gt;&lt;\/i&gt;\" data-pie-units=\"\" data-pie-color=\"#0cb4ce\" data-pie-width=\"4\" ><div class=\"wpb_wrapper\"><div class=\"vc_pie_wrapper\"><span class=\"vc_pie_chart_back\" style=\"border-width: 5px\"><\/span><span class=\"vc_pie_chart_value\"><\/span><canvas width=\"101\" height=\"101\"><\/canvas><\/div><\/div><\/div><div class=\"vc_custom_heading_wrap \"><div class=\"heading-text el-text\" ><h6 class=\"h6 font-weight-semibold\" ><span>FINISHED PROJECTS<\/span><\/h6><div><p>Credibly brand standards compliant users without extensible services.<\/p>\n<\/div><\/div><div class=\"clear\"><\/div><\/div><\/div><\/div><\/div><\/div><\/div><script id=\"script-row-unique-1\" data-row=\"script-row-unique-1\" type=\"text\/javascript\" class=\"vc_controls\">UNCODE.initRow(document.getElementById(\"row-unique-1\"));<\/script><\/div><\/div><\/div><div data-parent=\"true\" class=\"vc_row limit-width row-container boomapps_vcrow\" id=\"row-unique-2\"><div class=\"row triple-top-padding triple-bottom-padding single-h-padding row-parent\"><div class=\"wpb_row row-inner\"><div class=\"wpb_column pos-top pos-center align_left column_parent col-lg-6 boomapps_vccolumn single-internal-gutter\"><div class=\"uncol style-light\"  ><div class=\"uncoltable\"><div class=\"uncell  boomapps_vccolumn no-block-padding\" ><div class=\"uncont\"><div class=\"vc_progress_bar wpb_content_element\" ><div class=\"vc_progress_label\" >Web Development<small class=\"vc_label\"> <span class=\"vc_label_units\"><span class=\"vc_progress_value\">95<\/span><span class=\"vc_progress_unit\">%<\/span><\/span><\/small><\/div><div class=\"vc_single_bar\" ><span class=\"vc_bar style-color-vyce-bg\" data-percentage-value=\"95\" data-value=\"95\" ><\/span><\/div><div class=\"vc_progress_label\" >UI\/UX<small class=\"vc_label\"> <span class=\"vc_label_units\"><span class=\"vc_progress_value\">70<\/span><span class=\"vc_progress_unit\">%<\/span><\/span><\/small><\/div><div class=\"vc_single_bar\" ><span class=\"vc_bar style-color-vyce-bg\" data-percentage-value=\"70\" data-value=\"70\" ><\/span><\/div><div class=\"vc_progress_label\" >Photography<small class=\"vc_label\"> <span class=\"vc_label_units\"><span class=\"vc_progress_value\">85<\/span><span class=\"vc_progress_unit\">%<\/span><\/span><\/small><\/div><div class=\"vc_single_bar\" ><span class=\"vc_bar style-color-vyce-bg\" data-percentage-value=\"85\" data-value=\"85\" ><\/span><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"wpb_column pos-top pos-center align_left column_parent col-lg-6 boomapps_vccolumn single-internal-gutter\"><div class=\"uncol style-light\"  ><div class=\"uncoltable\"><div class=\"uncell  boomapps_vccolumn no-block-padding\" ><div class=\"uncont\"><div class=\"vc_progress_bar wpb_content_element\" ><div class=\"vc_progress_label\" >Web Development<small class=\"vc_label\"> <span class=\"vc_label_units\"><span class=\"vc_progress_value\">95<\/span><span class=\"vc_progress_unit\">%<\/span><\/span><\/small><\/div><div class=\"vc_single_bar\" ><span class=\"vc_bar style-color-jevc-bg\" data-percentage-value=\"95\" data-value=\"95\" ><\/span><\/div><div class=\"vc_progress_label\" >UI\/UX<small class=\"vc_label\"> <span class=\"vc_label_units\"><span class=\"vc_progress_value\">70<\/span><span class=\"vc_progress_unit\">%<\/span><\/span><\/small><\/div><div class=\"vc_single_bar\" ><span class=\"vc_bar style-color-jevc-bg\" data-percentage-value=\"70\" data-value=\"70\" ><\/span><\/div><div class=\"vc_progress_label\" >Photography<small class=\"vc_label\"> <span class=\"vc_label_units\"><span class=\"vc_progress_value\">85<\/span><span class=\"vc_progress_unit\">%<\/span><\/span><\/small><\/div><div class=\"vc_single_bar\" ><span class=\"vc_bar style-color-jevc-bg\" data-percentage-value=\"85\" data-value=\"85\" ><\/span><\/div><\/div><\/div><\/div><\/div><\/div><\/div><script id=\"script-row-unique-2\" data-row=\"script-row-unique-2\" type=\"text\/javascript\" class=\"vc_controls\">UNCODE.initRow(document.getElementById(\"row-unique-2\"));<\/script><\/div><\/div><\/div><div data-parent=\"true\" class=\"vc_row style-color-143431-bg row-container with-parallax boomapps_vcrow\" id=\"row-unique-3\"><div class=\"row-background background-element\">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"background-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"background-inner\" style=\"background-image: url(https:\/\/noisydigital.com\/wp-content\/uploads\/2019\/02\/image-placeholder-22-min.jpg);background-repeat: no-repeat;background-position: center center;background-size: cover;\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"block-bg-overlay style-color-143431-bg\" style=\"opacity: 0.85;\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<\/div><div class=\"row triple-top-padding triple-bottom-padding single-h-padding limit-width row-parent\"><div class=\"wpb_row row-inner\"><div class=\"wpb_column pos-top pos-left align_left column_parent col-lg-12 boomapps_vccolumn single-internal-gutter\"><div class=\"uncol style-dark\"  ><div class=\"uncoltable\"><div class=\"uncell  boomapps_vccolumn no-block-padding\" ><div class=\"uncont\"><div class=\"vc_progress_bar wpb_content_element\" ><div class=\"vc_progress_label\" >Web Development<small class=\"vc_label\"> <span class=\"vc_label_units\"><span class=\"vc_progress_value\">95<\/span><span class=\"vc_progress_unit\">%<\/span><\/span><\/small><\/div><div class=\"vc_single_bar\" ><span class=\"vc_bar style-color-xsdn-bg\" data-percentage-value=\"95\" data-value=\"95\" ><\/span><\/div><div class=\"vc_progress_label\" >UI\/UX<small class=\"vc_label\"> <span class=\"vc_label_units\"><span class=\"vc_progress_value\">70<\/span><span class=\"vc_progress_unit\">%<\/span><\/span><\/small><\/div><div class=\"vc_single_bar\" ><span class=\"vc_bar style-color-xsdn-bg\" data-percentage-value=\"70\" data-value=\"70\" ><\/span><\/div><div class=\"vc_progress_label\" >Photography<small class=\"vc_label\"> <span class=\"vc_label_units\"><span class=\"vc_progress_value\">85<\/span><span class=\"vc_progress_unit\">%<\/span><\/span><\/small><\/div><div class=\"vc_single_bar\" ><span class=\"vc_bar style-color-xsdn-bg\" data-percentage-value=\"85\" data-value=\"85\" ><\/span><\/div><\/div><\/div><\/div><\/div><\/div><\/div><script id=\"script-row-unique-3\" data-row=\"script-row-unique-3\" type=\"text\/javascript\" class=\"vc_controls\">UNCODE.initRow(document.getElementById(\"row-unique-3\"));<\/script><\/div><\/div><\/div>\n<\/div>","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":{"bgseo_title":"","bgseo_description":"","bgseo_robots_index":"","bgseo_robots_follow":"","footnotes":""},"class_list":["post-78949","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/noisydigital.com\/fr_fr\/wp-json\/wp\/v2\/pages\/78949","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/noisydigital.com\/fr_fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/noisydigital.com\/fr_fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/noisydigital.com\/fr_fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/noisydigital.com\/fr_fr\/wp-json\/wp\/v2\/comments?post=78949"}],"version-history":[{"count":0,"href":"https:\/\/noisydigital.com\/fr_fr\/wp-json\/wp\/v2\/pages\/78949\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/noisydigital.com\/fr_fr\/wp-json\/wp\/v2\/pages\/125"}],"wp:attachment":[{"href":"https:\/\/noisydigital.com\/fr_fr\/wp-json\/wp\/v2\/media?parent=78949"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}