{"id":1123,"date":"2019-06-02T05:33:14","date_gmt":"2019-06-02T05:33:14","guid":{"rendered":"https:\/\/kapee.presslayouts.com\/dummy\/?page_id=1123"},"modified":"2019-06-02T05:33:14","modified_gmt":"2019-06-02T05:33:14","slug":"progress-bar","status":"publish","type":"page","link":"https:\/\/shoilpik.com\/index.php\/elements\/progress-bar\/","title":{"rendered":"Progress Bar"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row][vc_column][vc_empty_space]<div id=\"kapee-header-18511\" class=\"kapee-element kapee-heading text-center kapee-width-100 separator-underline separator-between-heading\">\t\n\t\t\t\n\t\t\t<div class=\"heading-wrap\">\n\t\t\t<span class=\"separator-left\"><\/span>\n\t\t\t<h4 class=\"heading-title\">Progressbar Style 1 <\/h4>\t\t\t<span class=\"separator-right\"><\/span>\n\t\t\t\t\t<\/div>\n\t\t\n    <\/div>[vc_empty_space]<div id=\"kapee-progress-86588\" class=\"kapee-element kapee-progress-bar bar-style-1\">\n\t\t\n\t<div class=\"progress-wrap\">\n\t\t\n\t\t\t<div id=\"bar-0-6a8e53f31d999\" class=\"progress\">\n\t\t\t\t<div class=\"progress-bar\" role=\"progressbar\" data-value=\"95\" aria-valuenow=\"95\" aria-valuemin=\"0\" aria-valuemax=\"100\">\n\t\t\t\t\t<span class=\"bar-label\">Web Developmen<\/span>\n\t\t\t\t\t<span class=\"bar-value\">95%<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t<style>\n\t\t\t\t#bar-0-6a8e53f31d999 .progress-bar{background-color : #388e3c;}\t\t\t\t<\/style>\n\t\t\t<\/div>\n\t\t\n\t\t\t<div id=\"bar-1-6a8e53f31d9a4\" class=\"progress\">\n\t\t\t\t<div class=\"progress-bar\" role=\"progressbar\" data-value=\"85\" aria-valuenow=\"85\" aria-valuemin=\"0\" aria-valuemax=\"100\">\n\t\t\t\t\t<span class=\"bar-label\">Design<\/span>\n\t\t\t\t\t<span class=\"bar-value\">85%<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t<style>\n\t\t\t\t#bar-1-6a8e53f31d9a4 .progress-bar{background-color : #ff9f00;}\t\t\t\t<\/style>\n\t\t\t<\/div>\n\t\t\n\t\t\t<div id=\"bar-2-6a8e53f31d9ac\" class=\"progress\">\n\t\t\t\t<div class=\"progress-bar\" role=\"progressbar\" data-value=\"80\" aria-valuenow=\"80\" aria-valuemin=\"0\" aria-valuemax=\"100\">\n\t\t\t\t\t<span class=\"bar-label\">Wordpress<\/span>\n\t\t\t\t\t<span class=\"bar-value\">80%<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t<style>\n\t\t\t\t#bar-2-6a8e53f31d9ac .progress-bar{background-color : #2370f4;}\t\t\t\t<\/style>\n\t\t\t<\/div>\n\t\t\n\t\t\t<div id=\"bar-3-6a8e53f31d9b3\" class=\"progress\">\n\t\t\t\t<div class=\"progress-bar\" role=\"progressbar\" data-value=\"75\" aria-valuenow=\"75\" aria-valuemin=\"0\" aria-valuemax=\"100\">\n\t\t\t\t\t<span class=\"bar-label\">Marketing<\/span>\n\t\t\t\t\t<span class=\"bar-value\">75%<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t<style>\n\t\t\t\t#bar-3-6a8e53f31d9b3 .progress-bar{background-color : #ff6161;}\t\t\t\t<\/style>\n\t\t\t<\/div>\n\t\t\t<\/div>\n<\/div>[\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row&#8221; css=&#8221;.vc_custom_1559796144320{padding-top: 40px !important;padding-bottom: 40px !important;background-color: #f8f8f8 !important;}&#8221;][vc_column]<div id=\"kapee-header-88607\" class=\"kapee-element kapee-heading text-center kapee-width-100 separator-underline separator-between-heading\">\t\n\t\t\t\n\t\t\t<div class=\"heading-wrap\">\n\t\t\t<span class=\"separator-left\"><\/span>\n\t\t\t<h4 class=\"heading-title\">Progressbar Style 2 <\/h4>\t\t\t<span class=\"separator-right\"><\/span>\n\t\t\t\t\t<\/div>\n\t\t\n    <\/div>[vc_empty_space]<div id=\"kapee-progress-71541\" class=\"kapee-element kapee-progress-bar bar-style-2\">\n\t\t\n\t<div class=\"progress-wrap\">\n\t\t\n\t\t\t<div id=\"bar-0-6a8e53f31de5a\" class=\"progress\">\n\t\t\t\t<div class=\"progress-bar\" role=\"progressbar\" data-value=\"95\" aria-valuenow=\"95\" aria-valuemin=\"0\" aria-valuemax=\"100\">\n\t\t\t\t\t<span class=\"bar-label\">Web Developmen<\/span>\n\t\t\t\t\t<span class=\"bar-value\">95%<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t<style>\n\t\t\t\t#bar-0-6a8e53f31de5a .progress-bar{background-color : #388e3c;}\t\t\t\t<\/style>\n\t\t\t<\/div>\n\t\t\n\t\t\t<div id=\"bar-1-6a8e53f31de65\" class=\"progress\">\n\t\t\t\t<div class=\"progress-bar\" role=\"progressbar\" data-value=\"85\" aria-valuenow=\"85\" aria-valuemin=\"0\" aria-valuemax=\"100\">\n\t\t\t\t\t<span class=\"bar-label\">Design<\/span>\n\t\t\t\t\t<span class=\"bar-value\">85%<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t<style>\n\t\t\t\t#bar-1-6a8e53f31de65 .progress-bar{background-color : #ff9f00;}\t\t\t\t<\/style>\n\t\t\t<\/div>\n\t\t\n\t\t\t<div id=\"bar-2-6a8e53f31de6d\" class=\"progress\">\n\t\t\t\t<div class=\"progress-bar\" role=\"progressbar\" data-value=\"80\" aria-valuenow=\"80\" aria-valuemin=\"0\" aria-valuemax=\"100\">\n\t\t\t\t\t<span class=\"bar-label\">Wordpress<\/span>\n\t\t\t\t\t<span class=\"bar-value\">80%<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t<style>\n\t\t\t\t#bar-2-6a8e53f31de6d .progress-bar{background-color : #2370f4;}\t\t\t\t<\/style>\n\t\t\t<\/div>\n\t\t\n\t\t\t<div id=\"bar-3-6a8e53f31de75\" class=\"progress\">\n\t\t\t\t<div class=\"progress-bar\" role=\"progressbar\" data-value=\"75\" aria-valuenow=\"75\" aria-valuemin=\"0\" aria-valuemax=\"100\">\n\t\t\t\t\t<span class=\"bar-label\">Marketing<\/span>\n\t\t\t\t\t<span class=\"bar-value\">75%<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t<style>\n\t\t\t\t#bar-3-6a8e53f31de75 .progress-bar{background-color : #ff6161;}\t\t\t\t<\/style>\n\t\t\t<\/div>\n\t\t\t<\/div>\n<\/div>[\/vc_column][\/vc_row][vc_row][vc_column][vc_empty_space]<div id=\"kapee-header-82795\" class=\"kapee-element kapee-heading text-center kapee-width-100 separator-underline separator-between-heading\">\t\n\t\t\t\n\t\t\t<div class=\"heading-wrap\">\n\t\t\t<span class=\"separator-left\"><\/span>\n\t\t\t<h4 class=\"heading-title\">Progressbar Style 3 <\/h4>\t\t\t<span class=\"separator-right\"><\/span>\n\t\t\t\t\t<\/div>\n\t\t\n    <\/div>[vc_empty_space]<div id=\"kapee-progress-93003\" class=\"kapee-element kapee-progress-bar bar-style-3\">\n\t\t\n\t<div class=\"progress-wrap\">\n\t\t\n\t\t\t<div id=\"bar-0-6a8e53f31e2d3\" class=\"progress\">\n\t\t\t\t<div class=\"progress-bar\" role=\"progressbar\" data-value=\"95\" aria-valuenow=\"95\" aria-valuemin=\"0\" aria-valuemax=\"100\">\n\t\t\t\t\t<span class=\"bar-label\">Web Developmen<\/span>\n\t\t\t\t\t<span class=\"bar-value\">95%<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t<style>\n\t\t\t\t#bar-0-6a8e53f31e2d3 .progress-bar{background-color : #388e3c;}\t\t\t\t<\/style>\n\t\t\t<\/div>\n\t\t\n\t\t\t<div id=\"bar-1-6a8e53f31e2dd\" class=\"progress\">\n\t\t\t\t<div class=\"progress-bar\" role=\"progressbar\" data-value=\"85\" aria-valuenow=\"85\" aria-valuemin=\"0\" aria-valuemax=\"100\">\n\t\t\t\t\t<span class=\"bar-label\">Design<\/span>\n\t\t\t\t\t<span class=\"bar-value\">85%<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t<style>\n\t\t\t\t#bar-1-6a8e53f31e2dd .progress-bar{background-color : #ff9f00;}\t\t\t\t<\/style>\n\t\t\t<\/div>\n\t\t\n\t\t\t<div id=\"bar-2-6a8e53f31e2e4\" class=\"progress\">\n\t\t\t\t<div class=\"progress-bar\" role=\"progressbar\" data-value=\"80\" aria-valuenow=\"80\" aria-valuemin=\"0\" aria-valuemax=\"100\">\n\t\t\t\t\t<span class=\"bar-label\">Wordpress<\/span>\n\t\t\t\t\t<span class=\"bar-value\">80%<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t<style>\n\t\t\t\t#bar-2-6a8e53f31e2e4 .progress-bar{background-color : #2370f4;}\t\t\t\t<\/style>\n\t\t\t<\/div>\n\t\t\n\t\t\t<div id=\"bar-3-6a8e53f31e2eb\" class=\"progress\">\n\t\t\t\t<div class=\"progress-bar\" role=\"progressbar\" data-value=\"75\" aria-valuenow=\"75\" aria-valuemin=\"0\" aria-valuemax=\"100\">\n\t\t\t\t\t<span class=\"bar-label\">Marketing<\/span>\n\t\t\t\t\t<span class=\"bar-value\">75%<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t<style>\n\t\t\t\t#bar-3-6a8e53f31e2eb .progress-bar{background-color : #ff6161;}\t\t\t\t<\/style>\n\t\t\t<\/div>\n\t\t\t<\/div>\n<\/div>[\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row&#8221; css=&#8221;.vc_custom_1559796165057{padding-top: 40px !important;padding-bottom: 40px !important;background-color: #f8f8f8 !important;}&#8221;][vc_column]<div id=\"kapee-header-74895\" class=\"kapee-element kapee-heading text-center kapee-width-100 separator-underline separator-between-heading\">\t\n\t\t\t\n\t\t\t<div class=\"heading-wrap\">\n\t\t\t<span class=\"separator-left\"><\/span>\n\t\t\t<h4 class=\"heading-title\">Progressbar Style 4 <\/h4>\t\t\t<span class=\"separator-right\"><\/span>\n\t\t\t\t\t<\/div>\n\t\t\n    <\/div>[vc_empty_space]<div id=\"kapee-progress-33858\" class=\"kapee-element kapee-progress-bar bar-style-1\">\n\t\t\n\t<div class=\"progress-wrap\">\n\t\t\n\t\t\t<div id=\"bar-0-6a8e53f31e740\" class=\"progress\">\n\t\t\t\t<div class=\"progress-bar progress-bar-striped\" role=\"progressbar\" data-value=\"95\" aria-valuenow=\"95\" aria-valuemin=\"0\" aria-valuemax=\"100\">\n\t\t\t\t\t<span class=\"bar-label\">Web Developmen<\/span>\n\t\t\t\t\t<span class=\"bar-value\">95%<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t<style>\n\t\t\t\t#bar-0-6a8e53f31e740 .progress-bar{background-color : #388e3c;}\t\t\t\t<\/style>\n\t\t\t<\/div>\n\t\t\n\t\t\t<div id=\"bar-1-6a8e53f31e74c\" class=\"progress\">\n\t\t\t\t<div class=\"progress-bar progress-bar-striped\" role=\"progressbar\" data-value=\"85\" aria-valuenow=\"85\" aria-valuemin=\"0\" aria-valuemax=\"100\">\n\t\t\t\t\t<span class=\"bar-label\">Design<\/span>\n\t\t\t\t\t<span class=\"bar-value\">85%<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t<style>\n\t\t\t\t#bar-1-6a8e53f31e74c .progress-bar{background-color : #ff9f00;}\t\t\t\t<\/style>\n\t\t\t<\/div>\n\t\t\n\t\t\t<div id=\"bar-2-6a8e53f31e755\" class=\"progress\">\n\t\t\t\t<div class=\"progress-bar progress-bar-striped\" role=\"progressbar\" data-value=\"80\" aria-valuenow=\"80\" aria-valuemin=\"0\" aria-valuemax=\"100\">\n\t\t\t\t\t<span class=\"bar-label\">Wordpress<\/span>\n\t\t\t\t\t<span class=\"bar-value\">80%<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t<style>\n\t\t\t\t#bar-2-6a8e53f31e755 .progress-bar{background-color : #2370f4;}\t\t\t\t<\/style>\n\t\t\t<\/div>\n\t\t\n\t\t\t<div id=\"bar-3-6a8e53f31e75f\" class=\"progress\">\n\t\t\t\t<div class=\"progress-bar progress-bar-striped\" role=\"progressbar\" data-value=\"75\" aria-valuenow=\"75\" aria-valuemin=\"0\" aria-valuemax=\"100\">\n\t\t\t\t\t<span class=\"bar-label\">Marketing<\/span>\n\t\t\t\t\t<span class=\"bar-value\">75%<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t<style>\n\t\t\t\t#bar-3-6a8e53f31e75f .progress-bar{background-color : #ff6161;}\t\t\t\t<\/style>\n\t\t\t<\/div>\n\t\t\t<\/div>\n<\/div>[\/vc_column][\/vc_row][vc_row][vc_column][vc_empty_space]<div id=\"kapee-header-41134\" class=\"kapee-element kapee-heading text-center kapee-width-100 separator-underline separator-between-heading\">\t\n\t\t\t\n\t\t\t<div class=\"heading-wrap\">\n\t\t\t<span class=\"separator-left\"><\/span>\n\t\t\t<h4 class=\"heading-title\">Progressbar Style 5 <\/h4>\t\t\t<span class=\"separator-right\"><\/span>\n\t\t\t\t\t<\/div>\n\t\t\n    <\/div>[vc_empty_space]<div id=\"kapee-progress-57960\" class=\"kapee-element kapee-progress-bar bar-style-1\">\n\t\t\n\t<div class=\"progress-wrap\">\n\t\t\n\t\t\t<div id=\"bar-0-6a8e53f31eb8a\" class=\"progress\">\n\t\t\t\t<div class=\"progress-bar progress-bar-striped progress-bar-animated\" role=\"progressbar\" data-value=\"95\" aria-valuenow=\"95\" aria-valuemin=\"0\" aria-valuemax=\"100\">\n\t\t\t\t\t<span class=\"bar-label\">Web Developmen<\/span>\n\t\t\t\t\t<span class=\"bar-value\">95%<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t<style>\n\t\t\t\t#bar-0-6a8e53f31eb8a .progress-bar{background-color : #388e3c;}\t\t\t\t<\/style>\n\t\t\t<\/div>\n\t\t\n\t\t\t<div id=\"bar-1-6a8e53f31eb94\" class=\"progress\">\n\t\t\t\t<div class=\"progress-bar progress-bar-striped progress-bar-animated\" role=\"progressbar\" data-value=\"85\" aria-valuenow=\"85\" aria-valuemin=\"0\" aria-valuemax=\"100\">\n\t\t\t\t\t<span class=\"bar-label\">Design<\/span>\n\t\t\t\t\t<span class=\"bar-value\">85%<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t<style>\n\t\t\t\t#bar-1-6a8e53f31eb94 .progress-bar{background-color : #ff9f00;}\t\t\t\t<\/style>\n\t\t\t<\/div>\n\t\t\n\t\t\t<div id=\"bar-2-6a8e53f31eb9c\" class=\"progress\">\n\t\t\t\t<div class=\"progress-bar progress-bar-striped progress-bar-animated\" role=\"progressbar\" data-value=\"80\" aria-valuenow=\"80\" aria-valuemin=\"0\" aria-valuemax=\"100\">\n\t\t\t\t\t<span class=\"bar-label\">Wordpress<\/span>\n\t\t\t\t\t<span class=\"bar-value\">80%<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t<style>\n\t\t\t\t#bar-2-6a8e53f31eb9c .progress-bar{background-color : #2370f4;}\t\t\t\t<\/style>\n\t\t\t<\/div>\n\t\t\n\t\t\t<div id=\"bar-3-6a8e53f31eba2\" class=\"progress\">\n\t\t\t\t<div class=\"progress-bar progress-bar-striped progress-bar-animated\" role=\"progressbar\" data-value=\"75\" aria-valuenow=\"75\" aria-valuemin=\"0\" aria-valuemax=\"100\">\n\t\t\t\t\t<span class=\"bar-label\">Marketing<\/span>\n\t\t\t\t\t<span class=\"bar-value\">75%<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t<style>\n\t\t\t\t#bar-3-6a8e53f31eba2 .progress-bar{background-color : #ff6161;}\t\t\t\t<\/style>\n\t\t\t<\/div>\n\t\t\t<\/div>\n<\/div>[\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column][vc_empty_space][vc_empty_space][\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row&#8221; css=&#8221;.vc_custom_1559796144320{padding-top: 40px !important;padding-bottom: 40px !important;background-color: #f8f8f8 !important;}&#8221;][vc_column][vc_empty_space][\/vc_column][\/vc_row][vc_row][vc_column][vc_empty_space][vc_empty_space][\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row&#8221; css=&#8221;.vc_custom_1559796165057{padding-top: 40px !important;padding-bottom: 40px !important;background-color: #f8f8f8 !important;}&#8221;][vc_column][vc_empty_space][\/vc_column][\/vc_row][vc_row][vc_column][vc_empty_space][vc_empty_space][\/vc_column][\/vc_row]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":1040,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1123","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/shoilpik.com\/index.php\/wp-json\/wp\/v2\/pages\/1123","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/shoilpik.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/shoilpik.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/shoilpik.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/shoilpik.com\/index.php\/wp-json\/wp\/v2\/comments?post=1123"}],"version-history":[{"count":0,"href":"https:\/\/shoilpik.com\/index.php\/wp-json\/wp\/v2\/pages\/1123\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/shoilpik.com\/index.php\/wp-json\/wp\/v2\/pages\/1040"}],"wp:attachment":[{"href":"https:\/\/shoilpik.com\/index.php\/wp-json\/wp\/v2\/media?parent=1123"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}