{"id":548,"date":"2017-01-08T06:35:57","date_gmt":"2017-01-08T06:35:57","guid":{"rendered":"http:\/\/demo.templatetrip.com\/WooCommerce\/WCM040\/WCM04\/?page_id=548"},"modified":"2017-01-08T06:35:57","modified_gmt":"2017-01-08T06:35:57","slug":"progress-bar-pie-chart","status":"publish","type":"page","link":"https:\/\/www.nuristyle.am\/hy\/progress-bar-pie-chart\/","title":{"rendered":"Progress Bar &#038; Pie Chart"},"content":{"rendered":"<div id=\"pl-548\"  class=\"panel-layout\" ><div id=\"pg-548-0\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-548-0-0\"  class=\"panel-grid-cell\" ><div id=\"panel-548-0-0-0\" class=\"so-panel widget widget_sow-editor panel-first-child panel-last-child\" data-index=\"0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-editor so-widget-sow-editor-base\"\n\t\t\t\n\t\t><h3 class=\"widget-title\">Progress Bar<\/h3>\n<div class=\"siteorigin-widget-tinymce textwidget\">\n\t<div class=\"code\">[ progressbar ][ tt_progressbar color=\"#000\" background_color=\"#90133b\" value=\"80\" show_percentage=\"yes\" style=\"1 | 2 | 3 \" ] Web Development [ \/tt_progressbar ][ \/progressbar ][ progressbar ][ tt_progressbar color=\"#000\" background_color=\"#ff9cac\" value=\"50\" show_percentage=\"yes\" style=\"1\" ] Web Development [ \/tt_progressbar ][ \/progressbar ][ progressbar ][ tt_progressbar color=\"#000\" background_color=\"#ff9cac\" value=\"20\" show_percentage=\"no\" style=\"1\" ] Web Development [ \/tt_progressbar ][ \/progressbar ]<\/div>\n<div class=\"main-container\" style=\"background-color: #fff;padding:15px;margin:0;overflow: hidden;;\">\n<div class=\"inner-container\">\n<h6>Style 1<\/h6>\n<div class=\"row\">\n<div class=\"progressbar-container\">\n<div class=\"progressbar-content 1\">\n<div class=\"template_trip_progresbar style-1\">\n<div class=\"active_progresbar\" style=\"color:#000\" data-value=\"80\" data-percentage-value=\"80\"><small class=\"progress_detail\" style=\"color:#000\"> Web Development <span class=\"template_trip_progress_label\">80%<\/span><\/small><span class=\"value animated\" data-animated=\"fadeInLeft\" style=\"width:80%; background-color:#90133b;\"><\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"progressbar-container\">\n<div class=\"progressbar-content 1\">\n<div class=\"template_trip_progresbar style-1\">\n<div class=\"active_progresbar\" style=\"color:#000\" data-value=\"50\" data-percentage-value=\"50\"><small class=\"progress_detail\" style=\"color:#000\"> Web Development <span class=\"template_trip_progress_label\">50%<\/span><\/small><span class=\"value animated\" data-animated=\"fadeInLeft\" style=\"width:50%; background-color:#ff9cac;\"><\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"progressbar-container\">\n<div class=\"progressbar-content 1\">\n<div class=\"template_trip_progresbar style-1\">\n<div class=\"active_progresbar\" style=\"color:#000\" data-value=\"20\" data-percentage-value=\"20\"><small class=\"progress_detail\" style=\"color:#000\"> Web Development <\/small><span class=\"value animated\" data-animated=\"fadeInLeft\" style=\"width:20%; background-color:#ff9cac;\"><\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<h6>Style 2<\/h6>\n<div class=\"row\">\n<div class=\"progressbar-container\">\n<div class=\"progressbar-content 1\">\n<div class=\"template_trip_progresbar style-2\">\n<div class=\"active_progresbar\" style=\"color:#000\" data-value=\"80\" data-percentage-value=\"80\"><small class=\"progress_detail\" style=\"color:#000\"> Web Development <span class=\"template_trip_progress_label\">80%<\/span><\/small><span class=\"value animated\" data-animated=\"fadeInLeft\" style=\"width:80%; background-color:#90133b;\"><\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"progressbar-container\">\n<div class=\"progressbar-content 1\">\n<div class=\"template_trip_progresbar style-2\">\n<div class=\"active_progresbar\" style=\"color:#000\" data-value=\"50\" data-percentage-value=\"50\"><small class=\"progress_detail\" style=\"color:#000\"> Web Development <span class=\"template_trip_progress_label\">50%<\/span><\/small><span class=\"value animated\" data-animated=\"fadeInLeft\" style=\"width:50%; background-color:#ff9cac;\"><\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"progressbar-container\">\n<div class=\"progressbar-content 1\">\n<div class=\"template_trip_progresbar style-2\">\n<div class=\"active_progresbar\" style=\"color:#000\" data-value=\"20\" data-percentage-value=\"20\"><small class=\"progress_detail\" style=\"color:#000\"> Web Development <\/small><span class=\"value animated\" data-animated=\"fadeInLeft\" style=\"width:20%; background-color:#ff9cac;\"><\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<h6>Style 3<\/h6>\n<div class=\"row\">\n<div class=\"progressbar-container\">\n<div class=\"progressbar-content 1\">\n<div class=\"template_trip_progresbar style-3\">\n<div class=\"active_progresbar\" style=\"color:#000\" data-value=\"80\" data-percentage-value=\"80\"><small class=\"progress_detail\" style=\"color:#000\"> Web Development <span class=\"template_trip_progress_label\">80%<\/span><\/small><span class=\"value animated\" data-animated=\"fadeInLeft\" style=\"width:80%; background-color:#ff9cac;\"><\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"progressbar-container\">\n<div class=\"progressbar-content 1\">\n<div class=\"template_trip_progresbar style-3\">\n<div class=\"active_progresbar\" style=\"color:#000\" data-value=\"50\" data-percentage-value=\"50\"><small class=\"progress_detail\" style=\"color:#000\"> Web Development <span class=\"template_trip_progress_label\">50%<\/span><\/small><span class=\"value animated\" data-animated=\"fadeInLeft\" style=\"width:50%; background-color:#ff9cac;\"><\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"progressbar-container\">\n<div class=\"progressbar-content 1\">\n<div class=\"template_trip_progresbar style-3\">\n<div class=\"active_progresbar\" style=\"color:#000\" data-value=\"20\" data-percentage-value=\"20\"><small class=\"progress_detail\" style=\"color:#000\"> Web Development <\/small><span class=\"value animated\" data-animated=\"fadeInLeft\" style=\"width:20%; background-color:#ff9cac;\"><\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div><\/div><\/div><div id=\"pg-548-1\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-548-1-0\"  class=\"panel-grid-cell\" ><div id=\"panel-548-1-0-0\" class=\"so-panel widget widget_sow-editor panel-first-child panel-last-child\" data-index=\"1\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-editor so-widget-sow-editor-base\"\n\t\t\t\n\t\t><h3 class=\"widget-title\">Piechart<\/h3>\n<div class=\"siteorigin-widget-tinymce textwidget\">\n\t<div class=\"code\">[ tt_piechart background_color=\"#2c2c2c\" percentage=\"50\" title=\"Praesent magna\" style=\"1 | 2\" ]Nunc molestie dolor nec magna fermen atum in pharetra orci mollis. Nam tempor diam elit fermen atum in pharetra orci mollis.[ \/tt_piechart ]<\/div>\n<div class=\"main-container\" style=\"background-color: #fff;padding:15px;margin:0;overflow: hidden;;\">\n<div class=\"inner-container\">\n<div class=\"row\">\n<h6>Style 1<\/h6>\n<div class=\"one_third\">\n<div class=\"one_third_inner content_inner\" style=\"margin:0;padding:0;width:100%;\">\n<div class=\"template_trip_piechart column4\">\n<div class=\"chart_top\"><span class=\"chart_h9 tmchat_wrapper animated\" data-percent=\"50\"><span class=\"percent\" style=\"color:#2c2c2c;\"><\/span><\/span><\/div>\n<div class=\"chart_bottom\">\n<h2 class=\"chart_title\">Praesent magna<\/h2>\n<div class=\"chart_desc\">Nunc molestie dolor nec magna fermen atum in pharetra orci mollis. Nam tempor diam elit fermen atum in pharetra orci mollis.<\/div>\n<\/div>\n<\/div>\n<p><script type='text\/javascript'>\n\t jQuery(function() {\n\t jQuery('.chart_h9').waypoint(function() {\n\t jQuery(this).easyPieChart({\n\t easing:'easeOutBounce',\n\t animate: {duration: 2000, enabled: true},\n\t barColor: '#2c2c2c',\n\t trackColor: '#EAEAEB',\n\t scaleColor: '',\n\t lineWidth: 8,\n\t size: 130,\n\t onStep: function(from, to, percent) { {\n\t\t jQuery(this.el).find('.percent').text(Math.round(percent));\n\t } \n\t } }); \n\t }, {\n\t\t\t  triggerOnce: true,\n\t\t\t  offset: 'bottom-in-view'\n\t\t\t});\n\t}); \n<\/script><\/p>\n<\/div>\n<\/div>\n<div class=\"one_third\">\n<div class=\"one_third_inner content_inner\" style=\"margin:0;padding:0;width:100%;\">\n<div class=\"template_trip_piechart column4\">\n<div class=\"chart_top\"><span class=\"chart_wg tmchat_wrapper animated\" data-percent=\"20\"><span class=\"percent\" style=\"color:#90133b;\"><\/span><\/span><\/div>\n<div class=\"chart_bottom\">\n<h2 class=\"chart_title\">Praesent magna<\/h2>\n<div class=\"chart_desc\">Nunc molestie dolor nec magna fermen atum in pharetra orci mollis. Nam tempor diam elit fermen atum in pharetra orci mollis.<\/div>\n<\/div>\n<\/div>\n<p><script type='text\/javascript'>\n\t jQuery(function() {\n\t jQuery('.chart_wg').waypoint(function() {\n\t jQuery(this).easyPieChart({\n\t easing:'easeOutBounce',\n\t animate: {duration: 2000, enabled: true},\n\t barColor: '#90133b',\n\t trackColor: '#EAEAEB',\n\t scaleColor: '',\n\t lineWidth: 8,\n\t size: 130,\n\t onStep: function(from, to, percent) { {\n\t\t jQuery(this.el).find('.percent').text(Math.round(percent));\n\t } \n\t } }); \n\t }, {\n\t\t\t  triggerOnce: true,\n\t\t\t  offset: 'bottom-in-view'\n\t\t\t});\n\t}); \n<\/script><\/p>\n<\/div>\n<\/div>\n<div class=\"one_third\">\n<div class=\"one_third_inner content_inner\" style=\"margin:0;padding:0;width:100%;\">\n<div class=\"template_trip_piechart column4\">\n<div class=\"chart_top\"><span class=\"chart_s4 tmchat_wrapper animated\" data-percent=\"50\"><span class=\"percent\" style=\"color:#8ba462;\"><\/span><\/span><\/div>\n<div class=\"chart_bottom\">\n<h2 class=\"chart_title\">Praesent magna<\/h2>\n<div class=\"chart_desc\">Nunc molestie dolor nec magna fermen atum in pharetra orci mollis. Nam tempor diam elit fermen atum in pharetra orci mollis.<\/div>\n<\/div>\n<\/div>\n<p><script type='text\/javascript'>\n\t jQuery(function() {\n\t jQuery('.chart_s4').waypoint(function() {\n\t jQuery(this).easyPieChart({\n\t easing:'easeOutBounce',\n\t animate: {duration: 2000, enabled: true},\n\t barColor: '#8ba462',\n\t trackColor: '#EAEAEB',\n\t scaleColor: '',\n\t lineWidth: 8,\n\t size: 130,\n\t onStep: function(from, to, percent) { {\n\t\t jQuery(this.el).find('.percent').text(Math.round(percent));\n\t } \n\t } }); \n\t }, {\n\t\t\t  triggerOnce: true,\n\t\t\t  offset: 'bottom-in-view'\n\t\t\t});\n\t}); \n<\/script><\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"row\">\n<h6>Style 2<\/h6>\n<div class=\"one_third\">\n<div class=\"one_third_inner content_inner\" style=\"margin:0;padding:0;width:100%;\">\n<div class=\"template_trip_piechart column4\">\n<div class=\"chart_top\"><span class=\"chart_br tmchat_wrapper animated\" data-percent=\"50\"><\/div>\n<div class=\"chart_bottom\">\n<h2 class=\"chart_title\">Praesent magna<\/h2>\n<div class=\"chart_desc\">Nunc molestie dolor nec magna fermen atum in pharetra orci mollis. Nam tempor diam elit fermen atum in pharetra orci mollis.<\/div>\n<\/div>\n<\/div>\n<p><script type='text\/javascript'>\n\t jQuery(function() {\n\t jQuery('.chart_br').waypoint(function() {\n\t jQuery(this).easyPieChart({\n\t easing:'easeOutBounce',\n\t animate: {duration: 2000, enabled: true},\n\t barColor: '#2c2c2c',\n\t trackColor: '#EAEAEB',\n\t scaleColor: '',\n\t lineWidth: 8,\n\t size: 130,\n\t onStep: function(from, to, percent) { {\n\t\t jQuery(this.el).find('.percent').text(Math.round(percent));\n\t } \n\t } }); \n\t }, {\n\t\t\t  triggerOnce: true,\n\t\t\t  offset: 'bottom-in-view'\n\t\t\t});\n\t}); \n<\/script><\/p>\n<\/div>\n<\/div>\n<div class=\"one_third\">\n<div class=\"one_third_inner content_inner\" style=\"margin:0;padding:0;width:100%;\">\n<div class=\"template_trip_piechart column4\">\n<div class=\"chart_top\"><span class=\"chart_2v tmchat_wrapper animated\" data-percent=\"50\"><\/div>\n<div class=\"chart_bottom\">\n<h2 class=\"chart_title\">Praesent magna<\/h2>\n<div class=\"chart_desc\">Nunc molestie dolor nec magna fermen atum in pharetra orci mollis. Nam tempor diam elit fermen atum in pharetra orci mollis.<\/div>\n<\/div>\n<\/div>\n<p><script type='text\/javascript'>\n\t jQuery(function() {\n\t jQuery('.chart_2v').waypoint(function() {\n\t jQuery(this).easyPieChart({\n\t easing:'easeOutBounce',\n\t animate: {duration: 2000, enabled: true},\n\t barColor: '#90133b',\n\t trackColor: '#EAEAEB',\n\t scaleColor: '',\n\t lineWidth: 8,\n\t size: 130,\n\t onStep: function(from, to, percent) { {\n\t\t jQuery(this.el).find('.percent').text(Math.round(percent));\n\t } \n\t } }); \n\t }, {\n\t\t\t  triggerOnce: true,\n\t\t\t  offset: 'bottom-in-view'\n\t\t\t});\n\t}); \n<\/script><\/p>\n<\/div>\n<\/div>\n<div class=\"one_third\">\n<div class=\"one_third_inner content_inner\" style=\"margin:0;padding:0;width:100%;\">\n<div class=\"template_trip_piechart column4\">\n<div class=\"chart_top\"><span class=\"chart_7h tmchat_wrapper animated\" data-percent=\"50\"><\/div>\n<div class=\"chart_bottom\">\n<h2 class=\"chart_title\">Praesent magna<\/h2>\n<div class=\"chart_desc\">Nunc molestie dolor nec magna fermen atum in pharetra orci mollis. Nam tempor diam elit fermen atum in pharetra orci mollis.<\/div>\n<\/div>\n<\/div>\n<p><script type='text\/javascript'>\n\t jQuery(function() {\n\t jQuery('.chart_7h').waypoint(function() {\n\t jQuery(this).easyPieChart({\n\t easing:'easeOutBounce',\n\t animate: {duration: 2000, enabled: true},\n\t barColor: '#8ba462',\n\t trackColor: '#EAEAEB',\n\t scaleColor: '',\n\t lineWidth: 8,\n\t size: 130,\n\t onStep: function(from, to, percent) { {\n\t\t jQuery(this.el).find('.percent').text(Math.round(percent));\n\t } \n\t } }); \n\t }, {\n\t\t\t  triggerOnce: true,\n\t\t\t  offset: 'bottom-in-view'\n\t\t\t});\n\t}); \n<\/script><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div><\/div><\/div><div id=\"pg-548-2\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-548-2-0\"  class=\"panel-grid-cell\" ><div id=\"panel-548-2-0-0\" class=\"so-panel widget widget_sow-editor panel-first-child panel-last-child\" data-index=\"2\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-editor so-widget-sow-editor-base\"\n\t\t\t\n\t\t><h3 class=\"widget-title\">Counter<\/h3>\n<div class=\"siteorigin-widget-tinymce textwidget\">\n\t<div class=\"code\">[ tt_counter type='vertical | horizontal' image='' id='project' color='#000' title_color='#000' icon='fa-user' icon_color='#000' start='1000' end='0' decimal='0' duration='10' title='projects' separator=',' ][ \/tt_counter ]<\/div>\n<div class=\"main-container\" style=\"background-color: #fff;padding:0;margin:0;overflow: hidden;;\">\n<div class=\"inner-container\">\n<div class=\"row\">\n<div class=\"one_third\">\n<div class=\"one_third_inner content_inner\" style=\"margin:0;padding:0;width:100%;\">\n<div class='counter vertical'>\n<div class='counter_wrap'>\n<div class='counter_icon icon_wrap'><i class='fa fa-user' style='color:#000'><\/i><\/div>\n<div class='counter_desc'>\n<div class='counter_number'>\n<h1 class='count' id='project' style='color:#000'>0<\/h1>\n<\/div>\n<div class='counter_title' style='color:#000'>projects<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><script type='text\/javascript'>\n\t var options = {\n\t useEasing : true,\n\t useGrouping : true,\n\t separator : ',', \n\t decimal : '.', \n\t }\n\t  jQuery.noConflict(); jQuery(document).ready(function() { \n\t var demo = new CountUp(project, 1000, 1500, 0, 10, options); \n\t demo.start(); \n\t }); \n<\/script><\/p>\n<\/div>\n<\/div>\n<div class=\"one_third\">\n<div class=\"one_third_inner content_inner\" style=\"margin:0;padding:0;width:100%;\">\n<div class='counter vertical'>\n<div class='counter_wrap'>\n<div class='counter_icon icon_wrap'><i class='fa fa-user' style='color:#000'><\/i><\/div>\n<div class='counter_desc'>\n<div class='counter_number'>\n<h1 class='count' id='websites' style='color:#000'>0<\/h1>\n<\/div>\n<div class='counter_title' style='color:#000'>Websites<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><script type='text\/javascript'>\n\t var options = {\n\t useEasing : true,\n\t useGrouping : true,\n\t separator : ',', \n\t decimal : '.', \n\t }\n\t  jQuery.noConflict(); jQuery(document).ready(function() { \n\t var demo = new CountUp(websites, 1000, 1500, 0, 10, options); \n\t demo.start(); \n\t }); \n<\/script><\/p>\n<\/div>\n<\/div>\n<div class=\"one_third\">\n<div class=\"one_third_inner content_inner\" style=\"margin:0;padding:0;width:100%;\">\n<div class='counter vertical'>\n<div class='counter_wrap'>\n<div class='counter_icon icon_wrap'><i class='fa fa-user' style='color:#000'><\/i><\/div>\n<div class='counter_desc'>\n<div class='counter_number'>\n<h1 class='count' id='hosting' style='color:#000'>0<\/h1>\n<\/div>\n<div class='counter_title' style='color:#000'>hosting<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><script type='text\/javascript'>\n\t var options = {\n\t useEasing : true,\n\t useGrouping : true,\n\t separator : ',', \n\t decimal : '.', \n\t }\n\t  jQuery.noConflict(); jQuery(document).ready(function() { \n\t var demo = new CountUp(hosting, 1000, 2000, 0, 10, options); \n\t demo.start(); \n\t }); \n<\/script><\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"row\">\n<div class=\"one_third\">\n<div class=\"one_third_inner content_inner\" style=\"margin:0;padding:0;width:100%;\">\n<div class='counter horizontal'>\n<div class='counter_wrap'>\n<div class='counter_icon icon_wrap'><i class='fa fa-user' style='color:#000'><\/i><\/div>\n<div class='counter_desc'>\n<div class='counter_number'>\n<h1 class='count' id='project2' style='color:#000'>0<\/h1>\n<\/div>\n<div class='counter_title' style='color:#000'>projects<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><script type='text\/javascript'>\n\t var options = {\n\t useEasing : true,\n\t useGrouping : true,\n\t separator : ',', \n\t decimal : '.', \n\t }\n\t  jQuery.noConflict(); jQuery(document).ready(function() { \n\t var demo = new CountUp(project2, 1000, 1500, 0, 10, options); \n\t demo.start(); \n\t }); \n<\/script><\/p>\n<\/div>\n<\/div>\n<div class=\"one_third\">\n<div class=\"one_third_inner content_inner\" style=\"margin:0;padding:0;width:100%;\">\n<div class='counter horizontal'>\n<div class='counter_wrap'>\n<div class='counter_icon icon_wrap'><i class='fa fa-user' style='color:#000'><\/i><\/div>\n<div class='counter_desc'>\n<div class='counter_number'>\n<h1 class='count' id='websites2' style='color:#000'>0<\/h1>\n<\/div>\n<div class='counter_title' style='color:#000'>Websites<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><script type='text\/javascript'>\n\t var options = {\n\t useEasing : true,\n\t useGrouping : true,\n\t separator : ',', \n\t decimal : '.', \n\t }\n\t  jQuery.noConflict(); jQuery(document).ready(function() { \n\t var demo = new CountUp(websites2, 1000, 1500, 0, 10, options); \n\t demo.start(); \n\t }); \n<\/script><\/p>\n<\/div>\n<\/div>\n<div class=\"one_third\">\n<div class=\"one_third_inner content_inner\" style=\"margin:0;padding:0;width:100%;\">\n<div class='counter horizontal'>\n<div class='counter_wrap'>\n<div class='counter_icon icon_wrap'><i class='fa fa-user' style='color:#000'><\/i><\/div>\n<div class='counter_desc'>\n<div class='counter_number'>\n<h1 class='count' id='hosting2' style='color:#000'>0<\/h1>\n<\/div>\n<div class='counter_title' style='color:#000'>hosting<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><script type='text\/javascript'>\n\t var options = {\n\t useEasing : true,\n\t useGrouping : true,\n\t separator : ',', \n\t decimal : '.', \n\t }\n\t  jQuery.noConflict(); jQuery(document).ready(function() { \n\t var demo = new CountUp(hosting2, 1000, 2000, 0, 10, options); \n\t demo.start(); \n\t }); \n<\/script><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Progress Bar [ progressbar ][ tt_progressbar color=&#8221;#000&#8243; background_color=&#8221;#90133b&#8221; value=&#8221;80&#8243; show_percentage=&#8221;yes&#8221; style=&#8221;1 | 2 | 3 &#8221; ] Web Development [ \/tt_progressbar ][ \/progressbar ][ progressbar ][ tt_progressbar color=&#8221;#000&#8243; background_color=&#8221;#ff9cac&#8221; value=&#8221;50&#8243; show_percentage=&#8221;yes&#8221; style=&#8221;1&#8243; ] Web Development [ \/tt_progressbar ][ \/progressbar ][ progressbar ][ tt_progressbar color=&#8221;#000&#8243; background_color=&#8221;#ff9cac&#8221; value=&#8221;20&#8243; show_percentage=&#8221;no&#8221; style=&#8221;1&#8243; ] Web Development [ \/tt_progressbar ][ \/progressbar&#8230;<\/p>\n<div class=\"continue_read\"><a class=\"read-more\" href=\"https:\/\/www.nuristyle.am\/hy\/progress-bar-pie-chart\/\">Read More<\/a><\/div>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"spay_email":""},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Progress Bar &amp; Pie Chart - Nuri Style<\/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:\/\/www.nuristyle.am\/hy\/progress-bar-pie-chart\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Progress Bar &amp; Pie Chart - Nuri Style\" \/>\n<meta property=\"og:description\" content=\"Progress Bar [ progressbar ][ tt_progressbar color=&quot;#000&quot; background_color=&quot;#90133b&quot; value=&quot;80&quot; show_percentage=&quot;yes&quot; style=&quot;1 | 2 | 3 &quot; ] Web Development [ \/tt_progressbar ][ \/progressbar ][ progressbar ][ tt_progressbar color=&quot;#000&quot; background_color=&quot;#ff9cac&quot; value=&quot;50&quot; show_percentage=&quot;yes&quot; style=&quot;1&quot; ] Web Development [ \/tt_progressbar ][ \/progressbar ][ progressbar ][ tt_progressbar color=&quot;#000&quot; background_color=&quot;#ff9cac&quot; value=&quot;20&quot; show_percentage=&quot;no&quot; style=&quot;1&quot; ] Web Development [ \/tt_progressbar ][ \/progressbar...Read More\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.nuristyle.am\/hy\/progress-bar-pie-chart\/\" \/>\n<meta property=\"og:site_name\" content=\"Nuri Style\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.nuristyle.am\/#website\",\"url\":\"https:\/\/www.nuristyle.am\/\",\"name\":\"Nuri Style\",\"description\":\"Online shop\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.nuristyle.am\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"hy-AM\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.nuristyle.am\/progress-bar-pie-chart\/#webpage\",\"url\":\"https:\/\/www.nuristyle.am\/progress-bar-pie-chart\/\",\"name\":\"Progress Bar & Pie Chart - Nuri Style\",\"isPartOf\":{\"@id\":\"https:\/\/www.nuristyle.am\/#website\"},\"datePublished\":\"2017-01-08T06:35:57+00:00\",\"dateModified\":\"2017-01-08T06:35:57+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.nuristyle.am\/progress-bar-pie-chart\/#breadcrumb\"},\"inLanguage\":\"hy-AM\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.nuristyle.am\/progress-bar-pie-chart\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.nuristyle.am\/progress-bar-pie-chart\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.nuristyle.am\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Progress Bar &#038; Pie Chart\"}]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Progress Bar & Pie Chart - Nuri Style","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:\/\/www.nuristyle.am\/hy\/progress-bar-pie-chart\/","og_locale":"en_US","og_type":"article","og_title":"Progress Bar & Pie Chart - Nuri Style","og_description":"Progress Bar [ progressbar ][ tt_progressbar color=\"#000\" background_color=\"#90133b\" value=\"80\" show_percentage=\"yes\" style=\"1 | 2 | 3 \" ] Web Development [ \/tt_progressbar ][ \/progressbar ][ progressbar ][ tt_progressbar color=\"#000\" background_color=\"#ff9cac\" value=\"50\" show_percentage=\"yes\" style=\"1\" ] Web Development [ \/tt_progressbar ][ \/progressbar ][ progressbar ][ tt_progressbar color=\"#000\" background_color=\"#ff9cac\" value=\"20\" show_percentage=\"no\" style=\"1\" ] Web Development [ \/tt_progressbar ][ \/progressbar...Read More","og_url":"https:\/\/www.nuristyle.am\/hy\/progress-bar-pie-chart\/","og_site_name":"Nuri Style","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/www.nuristyle.am\/#website","url":"https:\/\/www.nuristyle.am\/","name":"Nuri Style","description":"Online shop","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.nuristyle.am\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"hy-AM"},{"@type":"WebPage","@id":"https:\/\/www.nuristyle.am\/progress-bar-pie-chart\/#webpage","url":"https:\/\/www.nuristyle.am\/progress-bar-pie-chart\/","name":"Progress Bar & Pie Chart - Nuri Style","isPartOf":{"@id":"https:\/\/www.nuristyle.am\/#website"},"datePublished":"2017-01-08T06:35:57+00:00","dateModified":"2017-01-08T06:35:57+00:00","breadcrumb":{"@id":"https:\/\/www.nuristyle.am\/progress-bar-pie-chart\/#breadcrumb"},"inLanguage":"hy-AM","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.nuristyle.am\/progress-bar-pie-chart\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.nuristyle.am\/progress-bar-pie-chart\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.nuristyle.am\/"},{"@type":"ListItem","position":2,"name":"Progress Bar &#038; Pie Chart"}]}]}},"_links":{"self":[{"href":"https:\/\/www.nuristyle.am\/hy\/wp-json\/wp\/v2\/pages\/548"}],"collection":[{"href":"https:\/\/www.nuristyle.am\/hy\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.nuristyle.am\/hy\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.nuristyle.am\/hy\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nuristyle.am\/hy\/wp-json\/wp\/v2\/comments?post=548"}],"version-history":[{"count":0,"href":"https:\/\/www.nuristyle.am\/hy\/wp-json\/wp\/v2\/pages\/548\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.nuristyle.am\/hy\/wp-json\/wp\/v2\/media?parent=548"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}