{"id":622,"date":"2014-11-14T11:02:26","date_gmt":"2014-11-14T05:32:26","guid":{"rendered":"http:\/\/demo.agnidesigns.com\/choco\/?page_id=622"},"modified":"2014-11-14T11:56:23","modified_gmt":"2014-11-14T06:26:23","slug":"progresscircle-bar","status":"publish","type":"page","link":"https:\/\/demo.agnihd.com\/choco\/progresscircle-bar\/","title":{"rendered":"Progress\/Circle Bar"},"content":{"rendered":"<section id=\"skills\" class=\"  skills\" ><div class=\"container\"><div class=\"row  row-fluid \"  >\n\t<div class=\"col-sm-12 margin-80   text-left \" >\n\t\t<div class=\"wrapper\">\n\t\t\t<div class=\" row row_inner row-fluid \" style=\" \">\n\t<div class=\"col-sm-6   text-left \" >\n\t\t<div class=\"wrapper\">\n\t\t\t<p class=\"progress-heading\">WordPress<span>80%<\/span> <\/p>\r\n\t\t<div class=\"progress \" style=\" border-color:#dd3333\">\r\n\t\t\t<div class=\"  progress-bar\" style=\"width:80%; background-color:#dd3333\" role=\"progressbar\" aria-valuenow=\"80\" aria-valuemin=\"0\" aria-valuemax=\"100\">\r\n\t\t\t\t<span class=\"sr-only\">80% Complete<\/span>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\n\t\t<\/div> \n\t<\/div> \n\n\t<div class=\"col-sm-6   text-left \" >\n\t\t<div class=\"wrapper\">\n\t\t\t<p class=\"progress-heading\">Photoshop<span>65%<\/span> <\/p>\r\n\t\t<div class=\"progress \" style=\" border-color:#8f8072\">\r\n\t\t\t<div class=\"  progress-bar\" style=\"width:65%; background-color:#8f8072\" role=\"progressbar\" aria-valuenow=\"65\" aria-valuemin=\"0\" aria-valuemax=\"100\">\r\n\t\t\t\t<span class=\"sr-only\">65% Complete<\/span>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\n\t\t<\/div> \n\t<\/div> \n\n\t<div class=\"col-sm-6   text-left \" >\n\t\t<div class=\"wrapper\">\n\t\t\t<p class=\"progress-heading\">After Effects<span>85%<\/span> <\/p>\r\n\t\t<div class=\"progress \" style=\" border-color:#1e73be\">\r\n\t\t\t<div class=\"  progress-bar\" style=\"width:85%; background-color:#1e73be\" role=\"progressbar\" aria-valuenow=\"85\" aria-valuemin=\"0\" aria-valuemax=\"100\">\r\n\t\t\t\t<span class=\"sr-only\">85% Complete<\/span>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\n\t\t<\/div> \n\t<\/div> \n\n\t<div class=\"col-sm-6   text-left \" >\n\t\t<div class=\"wrapper\">\n\t\t\t<p class=\"progress-heading\">HTML &amp; CSS<span>70%<\/span> <\/p>\r\n\t\t<div class=\"progress \" style=\" border-color:#eeee22\">\r\n\t\t\t<div class=\"  progress-bar\" style=\"width:70%; background-color:#eeee22\" role=\"progressbar\" aria-valuenow=\"70\" aria-valuemin=\"0\" aria-valuemax=\"100\">\r\n\t\t\t\t<span class=\"sr-only\">70% Complete<\/span>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\n\t\t<\/div> \n\t<\/div> \n<\/div>\n\t\t<\/div> \n\t<\/div> \n<\/div><\/div><\/section><section id=\"skills-2\" class=\"  skills section-bg-color\" ><div class=\"container\"><div class=\"row  row-fluid \"  >\n\t<div class=\"col-sm-12 margin-80   text-left \" >\n\t\t<div class=\"wrapper\">\n\t\t\t<div class=\" row row_inner row-fluid \" style=\" \">\n\t<div class=\"col-sm-6   text-left \" >\n\t\t<div class=\"wrapper\">\n\t\t\t<p class=\"progress-heading\">WordPress<span>80%<\/span> <\/p>\r\n\t\t<div class=\"progress progress-bg\" style=\" border-color:#dd9933\">\r\n\t\t\t<div class=\"  progress-bar\" style=\"width:80%; background-color:#dd9933\" role=\"progressbar\" aria-valuenow=\"80\" aria-valuemin=\"0\" aria-valuemax=\"100\">\r\n\t\t\t\t<span class=\"sr-only\">80% Complete<\/span>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\n\t\t<\/div> \n\t<\/div> \n\n\t<div class=\"col-sm-6   text-left \" >\n\t\t<div class=\"wrapper\">\n\t\t\t<p class=\"progress-heading\">Photoshop<span>65%<\/span> <\/p>\r\n\t\t<div class=\"progress progress-bg\" style=\" border-color:#81d742\">\r\n\t\t\t<div class=\"  progress-bar\" style=\"width:65%; background-color:#81d742\" role=\"progressbar\" aria-valuenow=\"65\" aria-valuemin=\"0\" aria-valuemax=\"100\">\r\n\t\t\t\t<span class=\"sr-only\">65% Complete<\/span>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\n\t\t<\/div> \n\t<\/div> \n\n\t<div class=\"col-sm-6   text-left \" >\n\t\t<div class=\"wrapper\">\n\t\t\t<p class=\"progress-heading\">After Effects<span>85%<\/span> <\/p>\r\n\t\t<div class=\"progress progress-bg\" style=\" border-color:#000000\">\r\n\t\t\t<div class=\"  progress-bar\" style=\"width:85%; background-color:#000000\" role=\"progressbar\" aria-valuenow=\"85\" aria-valuemin=\"0\" aria-valuemax=\"100\">\r\n\t\t\t\t<span class=\"sr-only\">85% Complete<\/span>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\n\t\t<\/div> \n\t<\/div> \n\n\t<div class=\"col-sm-6   text-left \" >\n\t\t<div class=\"wrapper\">\n\t\t\t<p class=\"progress-heading\">HTML &amp; CSS<span>70%<\/span> <\/p>\r\n\t\t<div class=\"progress progress-bg\" style=\" border-color:#8f8072\">\r\n\t\t\t<div class=\"  progress-bar\" style=\"width:70%; background-color:#8f8072\" role=\"progressbar\" aria-valuenow=\"70\" aria-valuemin=\"0\" aria-valuemax=\"100\">\r\n\t\t\t\t<span class=\"sr-only\">70% Complete<\/span>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\n\t\t<\/div> \n\t<\/div> \n<\/div>\n\t\t<\/div> \n\t<\/div> \n<\/div><\/div><\/section><section  class=\" \" ><div class=\"container\"><div class=\"row  row-fluid \"  >\n\t<div class=\"col-sm-6 col-md-3  margin-100 text-center   text-left \" >\n\t\t<div class=\"wrapper\">\n\t\t\t<span class=\" chart\" data-percent=\"90\" data-barcolor=\"#8f8072\" data-trackcolor=\"#f0f0f0\" data-scalecolor=\"\" data-animation=\"easeInOutCirc\" data-scalelength=\"15\" data-linewidth=\"5\" data-linecap=\"butt\" data-size=\"160\">\r\n\t\t\t<span class=\"percent\"><\/span>\r\n\t\t<\/span><h5 class=\" text-center\" style=\" margin-bottom: px; \">Graphics<\/h5>\n\t\t<\/div> \n\t<\/div> \n\n\t<div class=\"col-sm-6 col-md-3  margin-100 text-center   text-left \" >\n\t\t<div class=\"wrapper\">\n\t\t\t<span class=\" chart\" data-percent=\"80\" data-barcolor=\"#8f8072\" data-trackcolor=\"#f0f0f0\" data-scalecolor=\"\" data-animation=\"easeInOutCirc\" data-scalelength=\"15\" data-linewidth=\"5\" data-linecap=\"butt\" data-size=\"160\">\r\n\t\t\t<span class=\"percent\"><\/span>\r\n\t\t<\/span><h5 class=\" text-center\" style=\" margin-bottom: px; \">Development<\/h5>\n\t\t<\/div> \n\t<\/div> \n\n\t<div class=\"col-sm-6 col-md-3  margin-100 text-center   text-left \" >\n\t\t<div class=\"wrapper\">\n\t\t\t<span class=\" chart\" data-percent=\"45\" data-barcolor=\"#8f8072\" data-trackcolor=\"#f0f0f0\" data-scalecolor=\"\" data-animation=\"easeInOutCirc\" data-scalelength=\"15\" data-linewidth=\"5\" data-linecap=\"butt\" data-size=\"160\">\r\n\t\t\t<span class=\"percent\"><\/span>\r\n\t\t<\/span><h5 class=\" text-center\" style=\" margin-bottom: px; \">Designing<\/h5>\n\t\t<\/div> \n\t<\/div> \n\n\t<div class=\"col-sm-6 col-md-3  margin-100 text-center   text-left \" >\n\t\t<div class=\"wrapper\">\n\t\t\t<span class=\" chart\" data-percent=\"75\" data-barcolor=\"#8f8072\" data-trackcolor=\"#f0f0f0\" data-scalecolor=\"\" data-animation=\"easeInOutCirc\" data-scalelength=\"15\" data-linewidth=\"5\" data-linecap=\"butt\" data-size=\"160\">\r\n\t\t\t<span class=\"percent\"><\/span>\r\n\t\t<\/span><h5 class=\" text-center\" style=\" margin-bottom: px; \">Production<\/h5>\n\t\t<\/div> \n\t<\/div> \n<\/div><\/div><\/section><section  class=\"   section-bg-color\" ><div class=\"container\"><div class=\"row  row-fluid \"  >\n\t<div class=\"col-sm-6 col-md-3  margin-100 text-center   text-left \" >\n\t\t<div class=\"wrapper\">\n\t\t\t<span class=\" chart\" data-percent=\"90\" data-barcolor=\"#8f8072\" data-trackcolor=\"#e8e8e8\" data-scalecolor=\"#d5d5d5\" data-animation=\"easeInOutCirc\" data-scalelength=\"15\" data-linewidth=\"10\" data-linecap=\"butt\" data-size=\"160\">\r\n\t\t\t<span class=\"percent\"><\/span>\r\n\t\t<\/span><h5 class=\" text-center\" style=\" margin-bottom: px; \">Graphics<\/h5>\n\t\t<\/div> \n\t<\/div> \n\n\t<div class=\"col-sm-6 col-md-3  margin-100 text-center   text-left \" >\n\t\t<div class=\"wrapper\">\n\t\t\t<span class=\" chart\" data-percent=\"80\" data-barcolor=\"#8f8072\" data-trackcolor=\"#e8e8e8\" data-scalecolor=\"#d5d5d5\" data-animation=\"easeInOutCirc\" data-scalelength=\"15\" data-linewidth=\"10\" data-linecap=\"butt\" data-size=\"160\">\r\n\t\t\t<span class=\"percent\"><\/span>\r\n\t\t<\/span><h5 class=\" text-center\" style=\" margin-bottom: px; \">Development<\/h5>\n\t\t<\/div> \n\t<\/div> \n\n\t<div class=\"col-sm-6 col-md-3  margin-100 text-center   text-left \" >\n\t\t<div class=\"wrapper\">\n\t\t\t<span class=\" chart\" data-percent=\"45\" data-barcolor=\"#8f8072\" data-trackcolor=\"#e8e8e8\" data-scalecolor=\"#d5d5d5\" data-animation=\"easeInOutCirc\" data-scalelength=\"15\" data-linewidth=\"10\" data-linecap=\"butt\" data-size=\"160\">\r\n\t\t\t<span class=\"percent\"><\/span>\r\n\t\t<\/span><h5 class=\" text-center\" style=\" margin-bottom: px; \">Designing<\/h5>\n\t\t<\/div> \n\t<\/div> \n\n\t<div class=\"col-sm-6 col-md-3  margin-100 text-center   text-left \" >\n\t\t<div class=\"wrapper\">\n\t\t\t<span class=\" chart\" data-percent=\"75\" data-barcolor=\"#8f8072\" data-trackcolor=\"#e8e8e8\" data-scalecolor=\"#d5d5d5\" data-animation=\"easeInOutCirc\" data-scalelength=\"15\" data-linewidth=\"10\" data-linecap=\"butt\" data-size=\"160\">\r\n\t\t\t<span class=\"percent\"><\/span>\r\n\t\t<\/span><h5 class=\" text-center\" style=\" margin-bottom: px; \">Production<\/h5>\n\t\t<\/div> \n\t<\/div> \n<\/div><\/div><\/section>\n","protected":false},"excerpt":{"rendered":"WordPress80% 80% Complete Photoshop65% 65% Complete After Effects85% 85% Complete HTML &amp; CSS70% 70% Complete WordPress80% 80% Complete Photoshop65% 65% Complete After Effects85% 85% Complete HTML &amp; CSS70% 70% Complete Graphics Development Designing Production Graphics Development Designing Production","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"page-fullwidth.php","meta":[],"_links":{"self":[{"href":"https:\/\/demo.agnihd.com\/choco\/wp-json\/wp\/v2\/pages\/622"}],"collection":[{"href":"https:\/\/demo.agnihd.com\/choco\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.agnihd.com\/choco\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.agnihd.com\/choco\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.agnihd.com\/choco\/wp-json\/wp\/v2\/comments?post=622"}],"version-history":[{"count":1,"href":"https:\/\/demo.agnihd.com\/choco\/wp-json\/wp\/v2\/pages\/622\/revisions"}],"predecessor-version":[{"id":629,"href":"https:\/\/demo.agnihd.com\/choco\/wp-json\/wp\/v2\/pages\/622\/revisions\/629"}],"wp:attachment":[{"href":"https:\/\/demo.agnihd.com\/choco\/wp-json\/wp\/v2\/media?parent=622"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}