{"id":2166,"date":"2018-05-14T11:57:08","date_gmt":"2018-05-14T05:57:08","guid":{"rendered":"http:\/\/demos.codexcoder.com\/dream-builder\/?page_id=2166"},"modified":"2018-05-18T12:23:36","modified_gmt":"2018-05-18T06:23:36","slug":"progress-bar","status":"publish","type":"page","link":"https:\/\/demos.codexcoder.com\/dream-builder\/progress-bar\/","title":{"rendered":"Progress Bar"},"content":{"rendered":"<p><div id=\"section-69ea08587d4c4\" class=\"main-section  fw-main-row db-sh-61be7886c2d743eb39d2c94f9298f9ed \"  style=\"  \"  >\n\t\t<div class=\"fw-container\" >\n\t\t<div class=\"fw-row\">\n\t<div class=\"fw-col-sm-12   db-sh-54ffb7863202a65cc9442833ce251d06 \" >\n\t<div class=\"fw-main-row-overlay\"><\/div>\n\t<div class=\"fw-col-inner\">\n\t\t<div class=\"divider-space space-lg clearfix\"  ><\/div>\t<\/div>\n<\/div><\/div>\n\n\t<\/div>\n<\/div><div id=\"section-69ea08587db20\" class=\"main-section  fw-main-row-custom db-sh-a64db1c42bb3180721180f44e19a42f3 \"  style=\"  \"  >\n\t\t<div class=\"fw-container\" >\n\t\t<div class=\"fw-row\">\n\t<div class=\"fw-col-sm-6   db-sh-5ae8bc5a0626cbcc1f3c3cecc645bef1 \" >\n\t<div class=\"fw-main-row-overlay\"><\/div>\n\t<div class=\"fw-col-inner\">\n\t\t<div class=\"db-sh-e536f8b7ff2345f1af19efa064336d4f  progress-wrapper style-one\" >\r\n\t    <div class=\"progress-area\">\r\n        <ul class=\"progress-content\">\r\n            <li class=\"bar-title\">Building Construction<\/li>\r\n            <li class=\"bar-limit\">67%<\/li>\r\n        <\/ul>\r\n        <div class=\"progress\">\r\n            <div class=\"progress-bar progress-bar-striped progress-bg\" role=\"progressbar\" style=\"width: 67%\" aria-valuenow=\"67\" aria-valuemin=\"0\" aria-valuemax=\"100\"><\/div>\r\n        <\/div>\r\n    <\/div>\r\n        <div class=\"progress-area\">\r\n        <ul class=\"progress-content\">\r\n            <li class=\"bar-title\">Building Construction<\/li>\r\n            <li class=\"bar-limit\">81%<\/li>\r\n        <\/ul>\r\n        <div class=\"progress\">\r\n            <div class=\"progress-bar progress-bar-striped progress-bg\" role=\"progressbar\" style=\"width: 81%\" aria-valuenow=\"81\" aria-valuemin=\"0\" aria-valuemax=\"100\"><\/div>\r\n        <\/div>\r\n    <\/div>\r\n        <div class=\"progress-area\">\r\n        <ul class=\"progress-content\">\r\n            <li class=\"bar-title\">Building Construction<\/li>\r\n            <li class=\"bar-limit\">90%<\/li>\r\n        <\/ul>\r\n        <div class=\"progress\">\r\n            <div class=\"progress-bar progress-bar-striped progress-bg\" role=\"progressbar\" style=\"width: 90%\" aria-valuenow=\"90\" aria-valuemin=\"0\" aria-valuemax=\"100\"><\/div>\r\n        <\/div>\r\n    <\/div>\r\n        <div class=\"progress-area\">\r\n        <ul class=\"progress-content\">\r\n            <li class=\"bar-title\">Building Construction<\/li>\r\n            <li class=\"bar-limit\">50%<\/li>\r\n        <\/ul>\r\n        <div class=\"progress\">\r\n            <div class=\"progress-bar progress-bar-striped progress-bg\" role=\"progressbar\" style=\"width: 50%\" aria-valuenow=\"50\" aria-valuemin=\"0\" aria-valuemax=\"100\"><\/div>\r\n        <\/div>\r\n    <\/div>\r\n    <\/div>\t<\/div>\n<\/div><div class=\"fw-col-sm-6   db-sh-d8f844a7eb7b68a28ffbe1a13dc34994 \" >\n\t<div class=\"fw-main-row-overlay\"><\/div>\n\t<div class=\"fw-col-inner\">\n\t\t<div class=\"db-sh-4af11bdaf47c8779c923e766c1d699d4  progress-wrapper style-one\" >\r\n\t    <div class=\"progress-area\">\r\n        <ul class=\"progress-content\">\r\n            <li class=\"bar-title\">Building Construction<\/li>\r\n            <li class=\"bar-limit\">67%<\/li>\r\n        <\/ul>\r\n        <div class=\"progress\">\r\n            <div class=\"progress-bar  progress-bg\" role=\"progressbar\" style=\"width: 67%\" aria-valuenow=\"67\" aria-valuemin=\"0\" aria-valuemax=\"100\"><\/div>\r\n        <\/div>\r\n    <\/div>\r\n        <div class=\"progress-area\">\r\n        <ul class=\"progress-content\">\r\n            <li class=\"bar-title\">Building Construction<\/li>\r\n            <li class=\"bar-limit\">81%<\/li>\r\n        <\/ul>\r\n        <div class=\"progress\">\r\n            <div class=\"progress-bar  progress-bg\" role=\"progressbar\" style=\"width: 81%\" aria-valuenow=\"81\" aria-valuemin=\"0\" aria-valuemax=\"100\"><\/div>\r\n        <\/div>\r\n    <\/div>\r\n        <div class=\"progress-area\">\r\n        <ul class=\"progress-content\">\r\n            <li class=\"bar-title\">Building Construction<\/li>\r\n            <li class=\"bar-limit\">90%<\/li>\r\n        <\/ul>\r\n        <div class=\"progress\">\r\n            <div class=\"progress-bar  progress-bg\" role=\"progressbar\" style=\"width: 90%\" aria-valuenow=\"90\" aria-valuemin=\"0\" aria-valuemax=\"100\"><\/div>\r\n        <\/div>\r\n    <\/div>\r\n        <div class=\"progress-area\">\r\n        <ul class=\"progress-content\">\r\n            <li class=\"bar-title\">Building Construction<\/li>\r\n            <li class=\"bar-limit\">50%<\/li>\r\n        <\/ul>\r\n        <div class=\"progress\">\r\n            <div class=\"progress-bar  progress-bg\" role=\"progressbar\" style=\"width: 50%\" aria-valuenow=\"50\" aria-valuemin=\"0\" aria-valuemax=\"100\"><\/div>\r\n        <\/div>\r\n    <\/div>\r\n    <\/div>\t<\/div>\n<\/div><\/div>\n\n\t<\/div>\n<\/div><div id=\"section-69ea08587ec73\" class=\"main-section  fw-main-row db-sh-61be7886c2d743eb39d2c94f9298f9ed \"  style=\"  \"  >\n\t\t<div class=\"fw-container\" >\n\t\t<div class=\"fw-row\">\n\t<div class=\"fw-col-sm-12   db-sh-54ffb7863202a65cc9442833ce251d06 \" >\n\t<div class=\"fw-main-row-overlay\"><\/div>\n\t<div class=\"fw-col-inner\">\n\t\t<div class=\"divider-space space-md clearfix\"  ><\/div>\t<\/div>\n<\/div><\/div>\n\n\t<\/div>\n<\/div><div id=\"section-69ea08587f289\" class=\"main-section  fw-main-row-custom db-sh-a8f7c5971fb27e7aac054a6a5bac12c8 \"  style=\"background-color:#38363a;  \"  >\n\t\t<div class=\"fw-container\" >\n\t\t<div class=\"fw-row\">\n\t<div class=\"fw-col-sm-12   db-sh-54ffb7863202a65cc9442833ce251d06 \" >\n\t<div class=\"fw-main-row-overlay\"><\/div>\n\t<div class=\"fw-col-inner\">\n\t\t<div class=\"divider-space space-md clearfix\"  ><\/div>\t<\/div>\n<\/div><\/div>\n\n<div class=\"fw-row\">\n\t<div class=\"fw-col-sm-12   db-sh-54ffb7863202a65cc9442833ce251d06 \" >\n\t<div class=\"fw-main-row-overlay\"><\/div>\n\t<div class=\"fw-col-inner\">\n\t\t<div class=\"db-sh-03d4830606f5a855b0d949bb64bc028d section-heading \" >      \r\n    <h2>\r\n        <strong>Progress-Bar<\/strong> With Dark BG    <\/h2>\r\n         \r\n<\/div>\t<\/div>\n<\/div><\/div>\n\n<div class=\"fw-row\">\n\t<div class=\"fw-col-sm-12   db-sh-54ffb7863202a65cc9442833ce251d06 \" >\n\t<div class=\"fw-main-row-overlay\"><\/div>\n\t<div class=\"fw-col-inner\">\n\t\t<div class=\"divider-space space-sm clearfix\"  ><\/div>\t<\/div>\n<\/div><\/div>\n\n<div class=\"fw-row\">\n\t<div class=\"fw-col-sm-3   db-sh-958186f41384e553030725936bcc9df4 \" >\n\t<div class=\"fw-main-row-overlay\"><\/div>\n\t<div class=\"fw-col-inner\">\n\t\t\n\n<div class=\"db-sh-10d2d1e5c07b0d57b2ca67b8b7f3f859  fw-animated-element progress-wrapper building-statement style-two\"  data-animation-type=\"fadeInUp\" data-animation-delay=\"200\">\n\t<div class=\"skillsArea\">\n\t  <div class=\"skills\">\n\t\t<span class=\"chart skilBg\" data-percent=\"87\"> <span class=\"percent\"><\/span> <\/span>\n\t\t<p>Construction<\/p>\n\t  <\/div>\n\t<\/div>\t\n<\/div>\t<\/div>\n<\/div><div class=\"fw-col-sm-3   db-sh-7b29c854aeea87b9139195f3279a0ef1 \" >\n\t<div class=\"fw-main-row-overlay\"><\/div>\n\t<div class=\"fw-col-inner\">\n\t\t\n\n<div class=\"db-sh-8098b2f6c20039d40964c5e99ee21323  fw-animated-element progress-wrapper building-statement style-two\"  data-animation-type=\"fadeInUp\" data-animation-delay=\"400\">\n\t<div class=\"skillsArea\">\n\t  <div class=\"skills\">\n\t\t<span class=\"chart skilBg\" data-percent=\"92\"> <span class=\"percent\"><\/span> <\/span>\n\t\t<p>Architechture<\/p>\n\t  <\/div>\n\t<\/div>\t\n<\/div>\t<\/div>\n<\/div><div class=\"fw-col-sm-3   db-sh-917ece4114db568ed517d9d02ca36da2 \" >\n\t<div class=\"fw-main-row-overlay\"><\/div>\n\t<div class=\"fw-col-inner\">\n\t\t\n\n<div class=\"db-sh-c287c1d71e9a068369b8f9387d00d31d  fw-animated-element progress-wrapper building-statement style-two\"  data-animation-type=\"fadeInUp\" data-animation-delay=\"600\">\n\t<div class=\"skillsArea\">\n\t  <div class=\"skills\">\n\t\t<span class=\"chart skilBg\" data-percent=\"55\"> <span class=\"percent\"><\/span> <\/span>\n\t\t<p>Green Building<\/p>\n\t  <\/div>\n\t<\/div>\t\n<\/div>\t<\/div>\n<\/div><div class=\"fw-col-sm-3   db-sh-c0e760fdae511c158a50f945994d1c12 \" >\n\t<div class=\"fw-main-row-overlay\"><\/div>\n\t<div class=\"fw-col-inner\">\n\t\t\n\n<div class=\"db-sh-0905982a4d6c1ebb5c61a1a19cee84cb  fw-animated-element progress-wrapper building-statement style-two\"  data-animation-type=\"fadeInUp\" data-animation-delay=\"800\">\n\t<div class=\"skillsArea\">\n\t  <div class=\"skills\">\n\t\t<span class=\"chart skilBg\" data-percent=\"39\"> <span class=\"percent\"><\/span> <\/span>\n\t\t<p>Engineering<\/p>\n\t  <\/div>\n\t<\/div>\t\n<\/div>\t<\/div>\n<\/div><\/div>\n\n<div class=\"fw-row\">\n\t<div class=\"fw-col-sm-12   db-sh-54ffb7863202a65cc9442833ce251d06 \" >\n\t<div class=\"fw-main-row-overlay\"><\/div>\n\t<div class=\"fw-col-inner\">\n\t\t<div class=\"divider-space space-md clearfix\"  ><\/div>\t<\/div>\n<\/div><\/div>\n\n\t<\/div>\n<\/div><div id=\"section-69ea085880b78\" class=\"main-section  fw-main-row-custom db-sh-ce6724d83d625b4f33709bb1442caad6 \"  style=\"  \"  >\n\t\t<div class=\"fw-container\" >\n\t\t<div class=\"fw-row\">\n\t<div class=\"fw-col-sm-12   db-sh-54ffb7863202a65cc9442833ce251d06 \" >\n\t<div class=\"fw-main-row-overlay\"><\/div>\n\t<div class=\"fw-col-inner\">\n\t\t<div class=\"divider-space space-md clearfix\"  ><\/div>\t<\/div>\n<\/div><\/div>\n\n<div class=\"fw-row\">\n\t<div class=\"fw-col-sm-12   db-sh-54ffb7863202a65cc9442833ce251d06 \" >\n\t<div class=\"fw-main-row-overlay\"><\/div>\n\t<div class=\"fw-col-inner\">\n\t\t<div class=\"db-sh-5dd1657d0342de6a3c0369c58b8f6ec1 section-heading \" >      \r\n    <h2>\r\n        <strong>Progress-Bar<\/strong> With White BG    <\/h2>\r\n         \r\n<\/div>\t<\/div>\n<\/div><\/div>\n\n<div class=\"fw-row\">\n\t<div class=\"fw-col-sm-12   db-sh-54ffb7863202a65cc9442833ce251d06 \" >\n\t<div class=\"fw-main-row-overlay\"><\/div>\n\t<div class=\"fw-col-inner\">\n\t\t<div class=\"divider-space space-sm clearfix\"  ><\/div>\t<\/div>\n<\/div><\/div>\n\n<div class=\"fw-row\">\n\t<div class=\"fw-col-sm-3   db-sh-48a7f1d029cf593082701471e6ca14d0 \" >\n\t<div class=\"fw-main-row-overlay\"><\/div>\n\t<div class=\"fw-col-inner\">\n\t\t\n\n<div class=\"db-sh-05e0fb61676b68a54375879dd55f2f6a  fw-animated-element progress-wrapper building-statement style-three\"  data-animation-type=\"fadeInUp\" data-animation-delay=\"200\">\n\t<div class=\"skillsArea\">\n\t  <div class=\"skills\">\n\t\t<span class=\"chart skilBg\" data-percent=\"87\"> <span class=\"percent\"><\/span> <\/span>\n\t\t<p>Construction<\/p>\n\t  <\/div>\n\t<\/div>\t\n<\/div>\t<\/div>\n<\/div><div class=\"fw-col-sm-3   db-sh-9b5dc5b0bd8dab6189a2413c11ab7f6d \" >\n\t<div class=\"fw-main-row-overlay\"><\/div>\n\t<div class=\"fw-col-inner\">\n\t\t\n\n<div class=\"db-sh-15659dd37e8cf79ccbaf11c5cdfff53f  fw-animated-element progress-wrapper building-statement style-three\"  data-animation-type=\"fadeInUp\" data-animation-delay=\"400\">\n\t<div class=\"skillsArea\">\n\t  <div class=\"skills\">\n\t\t<span class=\"chart skilBg\" data-percent=\"92\"> <span class=\"percent\"><\/span> <\/span>\n\t\t<p>Architechture<\/p>\n\t  <\/div>\n\t<\/div>\t\n<\/div>\t<\/div>\n<\/div><div class=\"fw-col-sm-3   db-sh-615f767ea60d40f25da2c49073da0d21 \" >\n\t<div class=\"fw-main-row-overlay\"><\/div>\n\t<div class=\"fw-col-inner\">\n\t\t\n\n<div class=\"db-sh-3c41aa06f222798151ed18d974755f49  fw-animated-element progress-wrapper building-statement style-three\"  data-animation-type=\"fadeInUp\" data-animation-delay=\"600\">\n\t<div class=\"skillsArea\">\n\t  <div class=\"skills\">\n\t\t<span class=\"chart skilBg\" data-percent=\"55\"> <span class=\"percent\"><\/span> <\/span>\n\t\t<p>Green Building<\/p>\n\t  <\/div>\n\t<\/div>\t\n<\/div>\t<\/div>\n<\/div><div class=\"fw-col-sm-3   db-sh-c4269b5713ffa73b23f8ef8fb752c66c \" >\n\t<div class=\"fw-main-row-overlay\"><\/div>\n\t<div class=\"fw-col-inner\">\n\t\t\n\n<div class=\"db-sh-c7d5a86b3a5c24e883ad16d94d548dae  fw-animated-element progress-wrapper building-statement style-three\"  data-animation-type=\"fadeInUp\" data-animation-delay=\"800\">\n\t<div class=\"skillsArea\">\n\t  <div class=\"skills\">\n\t\t<span class=\"chart skilBg\" data-percent=\"39\"> <span class=\"percent\"><\/span> <\/span>\n\t\t<p>Engineering<\/p>\n\t  <\/div>\n\t<\/div>\t\n<\/div>\t<\/div>\n<\/div><\/div>\n\n<div class=\"fw-row\">\n\t<div class=\"fw-col-sm-12   db-sh-54ffb7863202a65cc9442833ce251d06 \" >\n\t<div class=\"fw-main-row-overlay\"><\/div>\n\t<div class=\"fw-col-inner\">\n\t\t<div class=\"divider-space space-md clearfix\"  ><\/div>\t<\/div>\n<\/div><\/div>\n\n\t<\/div>\n<\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Building Construction 67% Building Construction 81% Building Construction 90% Building Construction 50% Building Construction 67% Building Construction 81% Building Construction 90% Building Construction 50% Progress-Bar With Dark BG Construction Architechture Green Building Engineering Progress-Bar With White BG Construction Architechture Green Building Engineering<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"full-width.php","meta":{"footnotes":""},"class_list":["post-2166","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demos.codexcoder.com\/dream-builder\/wp-json\/wp\/v2\/pages\/2166","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demos.codexcoder.com\/dream-builder\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demos.codexcoder.com\/dream-builder\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demos.codexcoder.com\/dream-builder\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demos.codexcoder.com\/dream-builder\/wp-json\/wp\/v2\/comments?post=2166"}],"version-history":[{"count":0,"href":"https:\/\/demos.codexcoder.com\/dream-builder\/wp-json\/wp\/v2\/pages\/2166\/revisions"}],"wp:attachment":[{"href":"https:\/\/demos.codexcoder.com\/dream-builder\/wp-json\/wp\/v2\/media?parent=2166"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}