{"id":2660,"date":"2014-05-26T09:05:10","date_gmt":"2014-05-26T09:05:10","guid":{"rendered":"http:\/\/192.168.0.101\/user24\/wordpress\/wordpress-3.9.1-treehouse\/?page_id=2660"},"modified":"2014-05-26T09:05:10","modified_gmt":"2014-05-26T09:05:10","slug":"progress-bars","status":"publish","type":"page","link":"https:\/\/demo.rotasgas.pt\/wordpress\/shortcodes-2\/progress-bars\/","title":{"rendered":"Progress Bar &#038;  Pie Chart"},"content":{"rendered":"<div id=\"pl-2660\"  class=\"panel-layout\" ><div id=\"pg-2660-0\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-2660-0-0\"  class=\"panel-grid-cell\" ><div id=\"panel-2660-0-0-0\" class=\"so-panel widget widget_black-studio-tinymce widget_black_studio_tinymce panel-first-child panel-last-child\" data-index=\"0\" ><h3 class=\"widget-title\">Progressbar Code<\/h3><div class=\"textwidget\"><p><div class=\"main-container  \" style=\"padding:0 0 20px;margin:0;overflow: hidden;);\"><div class=\"inner-container\"><div class=\"code\">[ progressbar][ tm_progressbar color=\"FFFFFF\" background_color=\"ea9d06\" value=\"80\" show_percentage=\"yes | no\" style=\"1 | 2 | 3 \"] Web Development [ \/tm_progressbar ][ \/progressbar ]<\/div><\/div><\/div><\/p><\/div><\/div><\/div><\/div><div id=\"pg-2660-1\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-2660-1-0\"  class=\"panel-grid-cell\" ><div id=\"panel-2660-1-0-0\" class=\"so-panel widget widget_black-studio-tinymce widget_black_studio_tinymce panel-first-child panel-last-child\" data-index=\"1\" ><h3 class=\"widget-title\">Progressbar<\/h3><div class=\"textwidget\"><p><div class=\"main-container  \" style=\"padding:20px 0;margin:0;overflow: hidden;);\"><div class=\"inner-container\"><div class=\"shortcode-title \"><h1 class=\"border-type small-title\">Style One<\/h1><\/div><div class=\"divider_content\"><div class=\"divider_content_inner divider_element\"><p><\/p><div class=\"\" style=\"height:10px;\"><\/div><\/div><\/div><div class=\"progressbar-container\"><div class=\"progressbar-content 1\"><div class=\"tm_progresbar style-1\"><div class=\"active_progresbar\" style=\"color:#FFFFFF\" data-value=\"80\" data-percentage-value=\"80\"><small class=\"progress_detail\" style=\"color:#FFFFFF\">Web Development<span class=\"tm_progress_label\">80%<\/span><\/small><span class=\"value animated\" data-animated=\"fadeInLeft\" style=\"width:80%; background-color:#bd5431;\"><\/span><\/div><\/div><div class=\"tm_progresbar style-1\"><div class=\"active_progresbar\" style=\"color:#FFFFFF\" data-value=\"64\" data-percentage-value=\"64\"><small class=\"progress_detail\" style=\"color:#FFFFFF\">Marketing &amp; PR <span class=\"tm_progress_label\">64%<\/span><\/small><span class=\"value animated\" data-animated=\"fadeInLeft\" style=\"width:64%; background-color:#bd5431;\"><\/span><\/div><\/div><div class=\"tm_progresbar style-1\"><div class=\"active_progresbar\" style=\"color:#FFFFFF\" data-value=\"70\" data-percentage-value=\"70\"><small class=\"progress_detail\" style=\"color:#FFFFFF\">Web Designing <span class=\"tm_progress_label\">70%<\/span><\/small><span class=\"value animated\" data-animated=\"fadeInLeft\" style=\"width:70%; background-color:#bd5431;\"><\/span><\/div><\/div><div class=\"tm_progresbar style-1\"><div class=\"active_progresbar\" style=\"color:#FFFFFF\" data-value=\"45\" data-percentage-value=\"45\"><small class=\"progress_detail\" style=\"color:#FFFFFF\">Consulting <span class=\"tm_progress_label\">45%<\/span><\/small><span class=\"value animated\" data-animated=\"fadeInLeft\" style=\"width:45%; background-color:#bd5431;\"><\/span><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"main-container  \" style=\"padding:20px 0;margin:0;overflow: hidden;);\"><div class=\"inner-container\"><div class=\"shortcode-title \"><h1 class=\"border-type small-title\">Style Two<\/h1><\/div><div class=\"divider_content\"><div class=\"divider_content_inner divider_element\"><p><\/p><div class=\"\" style=\"height:10px;\"><\/div><\/div><\/div><div class=\"progressbar-container\"><div class=\"progressbar-content 1\"><div class=\"tm_progresbar style-2\"><div class=\"active_progresbar\" style=\"color:#FFFFFF\" data-value=\"80\" data-percentage-value=\"80\"><small class=\"progress_detail\" style=\"color:#FFFFFF\">Web Development <\/small><span class=\"value animated\" data-animated=\"fadeInLeft\" style=\"width:80%; background-color:#bd5431;\"><\/span><\/div><\/div><div class=\"tm_progresbar style-2\"><div class=\"active_progresbar\" style=\"color:#FFFFFF\" data-value=\"64\" data-percentage-value=\"64\"><small class=\"progress_detail\" style=\"color:#FFFFFF\">Marketing &amp; PR <\/small><span class=\"value animated\" data-animated=\"fadeInLeft\" style=\"width:64%; background-color:#bd5431;\"><\/span><\/div><\/div><div class=\"tm_progresbar style-2\"><div class=\"active_progresbar\" style=\"color:#FFFFFF\" data-value=\"70\" data-percentage-value=\"70\"><small class=\"progress_detail\" style=\"color:#FFFFFF\">Web Designing <\/small><span class=\"value animated\" data-animated=\"fadeInLeft\" style=\"width:70%; background-color:#bd5431;\"><\/span><\/div><\/div><div class=\"tm_progresbar style-2\"><div class=\"active_progresbar\" style=\"color:#FFFFFF\" data-value=\"45\" data-percentage-value=\"45\"><small class=\"progress_detail\" style=\"color:#FFFFFF\">Consulting <\/small><span class=\"value animated\" data-animated=\"fadeInLeft\" style=\"width:45%; background-color:#bd5431;\"><\/span><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"main-container  \" style=\"padding:20px 0;margin:0;overflow: hidden;);\"><div class=\"inner-container\"><div class=\"shortcode-title \"><h1 class=\"border-type small-title\">Style Three <\/h1><\/div><div class=\"divider_content\"><div class=\"divider_content_inner divider_element\"><p><\/p><div class=\"\" style=\"height:10px;\"><\/div><\/div><\/div><div class=\"progressbar-container\"><div class=\"progressbar-content 1\"><div class=\"tm_progresbar style-3\"><div class=\"active_progresbar\" style=\"color:#FFFFFF\" data-value=\"80\" data-percentage-value=\"80\"><small class=\"progress_detail\" style=\"color:#FFFFFF\">Web Development <span class=\"tm_progress_label\">80%<\/span><\/small><span class=\"value animated\" data-animated=\"fadeInLeft\" style=\"width:80%; background-color:#bd5431;\"><\/span><\/div><\/div><div class=\"tm_progresbar style-3\"><div class=\"active_progresbar\" style=\"color:#FFFFFF\" data-value=\"64\" data-percentage-value=\"64\"><small class=\"progress_detail\" style=\"color:#FFFFFF\">Marketing &amp; PR <span class=\"tm_progress_label\">64%<\/span><\/small><span class=\"value animated\" data-animated=\"fadeInLeft\" style=\"width:64%; background-color:#bd5431;\"><\/span><\/div><\/div><div class=\"tm_progresbar style-3\"><div class=\"active_progresbar\" style=\"color:#FFFFFF\" data-value=\"70\" data-percentage-value=\"70\"><small class=\"progress_detail\" style=\"color:#FFFFFF\">Web Designing <span class=\"tm_progress_label\">70%<\/span><\/small><span class=\"value animated\" data-animated=\"fadeInLeft\" style=\"width:70%; background-color:#bd5431;\"><\/span><\/div><\/div><div class=\"tm_progresbar style-3\"><div class=\"active_progresbar\" style=\"color:#FFFFFF\" data-value=\"45\" data-percentage-value=\"45\"><small class=\"progress_detail\" style=\"color:#FFFFFF\">Consulting <span class=\"tm_progress_label\">45%<\/span><\/small><span class=\"value animated\" data-animated=\"fadeInLeft\" style=\"width:45%; background-color:#bd5431;\"><\/span><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"main-container  \" style=\"padding:20px 0;margin:0;overflow: hidden;);\"><div class=\"inner-container\"><div class=\"shortcode-title \"><h1 class=\"border-type small-title\">Style Four <\/h1><\/div><div class=\"divider_content\"><div class=\"divider_content_inner divider_element\"><p><\/p><div class=\"\" style=\"height:10px;\"><\/div><\/div><\/div><div class=\"progressbar-container\"><div class=\"progressbar-content 1\"><div class=\"tm_progresbar style-4\"><small class=\"progress_detail\">Web Development <span class=\"tm_progress_label\">80%<\/span><\/small><div class=\"active_progresbar\" style=\"color:#FFFFFF\" data-value=\"80\" data-percentage-value=\"80\"><span class=\"value animated\" data-animated=\"fadeInLeft\" style=\"width:80%; background-color:#bd5431;\"><\/span><\/div><\/div><div class=\"tm_progresbar style-4\"><small class=\"progress_detail\">Marketing &amp; PR <span class=\"tm_progress_label\">64%<\/span><\/small><div class=\"active_progresbar\" style=\"color:#FFFFFF\" data-value=\"64\" data-percentage-value=\"64\"><span class=\"value animated\" data-animated=\"fadeInLeft\" style=\"width:64%; background-color:#bd5431;\"><\/span><\/div><\/div><div class=\"tm_progresbar style-4\"><small class=\"progress_detail\">Web Designing <span class=\"tm_progress_label\">70%<\/span><\/small><div class=\"active_progresbar\" style=\"color:#FFFFFF\" data-value=\"70\" data-percentage-value=\"70\"><span class=\"value animated\" data-animated=\"fadeInLeft\" style=\"width:70%; background-color:#bd5431;\"><\/span><\/div><\/div><div class=\"tm_progresbar style-4\"><small class=\"progress_detail\">Consulting <span class=\"tm_progress_label\">45%<\/span><\/small><div class=\"active_progresbar\" style=\"color:#FFFFFF\" data-value=\"45\" data-percentage-value=\"45\"><span class=\"value animated\" data-animated=\"fadeInLeft\" style=\"width:45%; background-color:#bd5431;\"><\/span><\/div><\/div><\/div><\/div><\/div><\/div><\/p><\/div><\/div><\/div><\/div><div id=\"pg-2660-2\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-2660-2-0\"  class=\"panel-grid-cell\" ><div id=\"panel-2660-2-0-0\" class=\"so-panel widget widget_black-studio-tinymce widget_black_studio_tinymce panel-first-child panel-last-child\" data-index=\"2\" ><h3 class=\"widget-title\">Piechart Code<\/h3><div class=\"textwidget\"><p><div class=\"main-container  \" style=\"padding:20px 0;margin:0;overflow: hidden;);\"><div class=\"inner-container\"><div class=\"shortcode-title center\"><h1 class=\"simple-type medium-title\">Pie Chart<\/h1><\/div><div class=\"code\">[ tm_piechart background_color=\"#E67A32\" percentage=\"15\" title=\"Praesent magna\"] CONTENTS [ \/tm_piechart ]<\/div><\/div><\/div><\/p><\/div><\/div><\/div><\/div><div id=\"pg-2660-3\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-2660-3-0\"  class=\"panel-grid-cell\" ><div id=\"panel-2660-3-0-0\" class=\"so-panel widget widget_black-studio-tinymce widget_black_studio_tinymce panel-first-child panel-last-child\" data-index=\"3\" ><h3 class=\"widget-title\">Pie Chart<\/h3><div class=\"textwidget\"><p><div class=\"main-container  \" style=\"padding:20px 0;margin:0;overflow: hidden;);\"><div class=\"inner-container\"><div class=\"one_fourth \"><div class=\"one_fourth_inner content_inner left\" style=\"margin:0;width:90%;\"><div class=\"tm_piechart column4\"><div class=\"chart_top\"><span class=\"chart_io tmchat_wrapper animated\" data-percent=\"50\"><span class=\"percent\" style=\"color:#bd5431;\"><\/span><\/span><\/div><div class=\"chart_bottom\"><h2 class=\"chart_title\">Praesent magna<\/h2><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><\/div><\/div><script type='text\/javascript'>\n\t jQuery(function() {\n\t jQuery('.chart_io').waypoint(function() {\n\t jQuery(this).easyPieChart({\n\t easing:'easeOutBounce',\n\t animate: {duration: 2000, enabled: true},\n\t barColor: '#bd5431',\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 }, {\r\n\t\t\t  triggerOnce: true,\r\n\t\t\t  offset: 'bottom-in-view'\r\n\t\t\t});\n\t}); \n<\/script>\n\n<\/div><\/div><div class=\"one_fourth \"><div class=\"one_fourth_inner content_inner left\" style=\"margin:0;width:90%;\"><div class=\"tm_piechart column4\"><div class=\"chart_top\"><span class=\"chart_36 tmchat_wrapper animated\" data-percent=\"35\"><span class=\"percent\" style=\"color:#bd5431;\"><\/span><\/span><\/div><div class=\"chart_bottom\"><h2 class=\"chart_title\">Conse viverra<\/h2><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><\/div><\/div><script type='text\/javascript'>\n\t jQuery(function() {\n\t jQuery('.chart_36').waypoint(function() {\n\t jQuery(this).easyPieChart({\n\t easing:'easeOutBounce',\n\t animate: {duration: 2000, enabled: true},\n\t barColor: '#bd5431',\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 }, {\r\n\t\t\t  triggerOnce: true,\r\n\t\t\t  offset: 'bottom-in-view'\r\n\t\t\t});\n\t}); \n<\/script>\n\n<\/div><\/div><div class=\"one_fourth \"><div class=\"one_fourth_inner content_inner left\" style=\"margin:0;width:90%;\"><div class=\"tm_piechart column4\"><div class=\"chart_top\"><span class=\"chart_h2 tmchat_wrapper animated\" data-percent=\"85\"><span class=\"percent\" style=\"color:#bd5431;\"><\/span><\/span><\/div><div class=\"chart_bottom\"><h2 class=\"chart_title\">Nunc molestie<\/h2><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><\/div><\/div><script type='text\/javascript'>\n\t jQuery(function() {\n\t jQuery('.chart_h2').waypoint(function() {\n\t jQuery(this).easyPieChart({\n\t easing:'easeOutBounce',\n\t animate: {duration: 2000, enabled: true},\n\t barColor: '#bd5431',\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 }, {\r\n\t\t\t  triggerOnce: true,\r\n\t\t\t  offset: 'bottom-in-view'\r\n\t\t\t});\n\t}); \n<\/script>\n\n<\/div><\/div><div class=\"one_fourth \"><div class=\"one_fourth_inner content_inner left\" style=\"margin:0;width:90%;\"><div class=\"tm_piechart column4\"><div class=\"chart_top\"><span class=\"chart_b9 tmchat_wrapper animated\" data-percent=\"15\"><span class=\"percent\" style=\"color:#bd5431;\"><\/span><\/span><\/div><div class=\"chart_bottom\"><h2 class=\"chart_title\">Magna fermen<\/h2><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><\/div><\/div><script type='text\/javascript'>\n\t jQuery(function() {\n\t jQuery('.chart_b9').waypoint(function() {\n\t jQuery(this).easyPieChart({\n\t easing:'easeOutBounce',\n\t animate: {duration: 2000, enabled: true},\n\t barColor: '#bd5431',\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 }, {\r\n\t\t\t  triggerOnce: true,\r\n\t\t\t  offset: 'bottom-in-view'\r\n\t\t\t});\n\t}); \n<\/script>\n\n<\/div><\/div><\/div><\/div><\/p><\/div><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>&hellip; <a class=\"read-more-link\" href=\"https:\/\/demo.rotasgas.pt\/wordpress\/shortcodes-2\/progress-bars\/\">Read More<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":3016,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/demo.rotasgas.pt\/wordpress\/wp-json\/wp\/v2\/pages\/2660"}],"collection":[{"href":"https:\/\/demo.rotasgas.pt\/wordpress\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.rotasgas.pt\/wordpress\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.rotasgas.pt\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.rotasgas.pt\/wordpress\/wp-json\/wp\/v2\/comments?post=2660"}],"version-history":[{"count":0,"href":"https:\/\/demo.rotasgas.pt\/wordpress\/wp-json\/wp\/v2\/pages\/2660\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/demo.rotasgas.pt\/wordpress\/wp-json\/wp\/v2\/pages\/3016"}],"wp:attachment":[{"href":"https:\/\/demo.rotasgas.pt\/wordpress\/wp-json\/wp\/v2\/media?parent=2660"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}