{"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-93171\" 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-26486\" 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-6a13e7486c847\" 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-6a13e7486c847 .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-6a13e7486c852\" 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-6a13e7486c852 .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-6a13e7486c859\" 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-6a13e7486c859 .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-6a13e7486c860\" 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-6a13e7486c860 .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-67200\" 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-80765\" 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-6a13e7486c95a\" 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-6a13e7486c95a .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-6a13e7486c963\" 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-6a13e7486c963 .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-6a13e7486c96a\" 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-6a13e7486c96a .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-6a13e7486c970\" 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-6a13e7486c970 .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-16772\" 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-77622\" 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-6a13e7486ca7b\" 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-6a13e7486ca7b .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-6a13e7486ca83\" 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-6a13e7486ca83 .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-6a13e7486ca8a\" 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-6a13e7486ca8a .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-6a13e7486ca90\" 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-6a13e7486ca90 .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-79805\" 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-42513\" 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-6a13e7486cb7f\" 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-6a13e7486cb7f .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-6a13e7486cb89\" 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-6a13e7486cb89 .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-6a13e7486cb91\" 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-6a13e7486cb91 .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-6a13e7486cb98\" 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-6a13e7486cb98 .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-41844\" 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-60664\" 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-6a13e7486cc94\" 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-6a13e7486cc94 .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-6a13e7486cc9d\" 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-6a13e7486cc9d .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-6a13e7486cca7\" 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-6a13e7486cca7 .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-6a13e7486ccae\" 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-6a13e7486ccae .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}]}}