{"id":175,"date":"2014-10-03T14:13:03","date_gmt":"2014-10-03T14:13:03","guid":{"rendered":"http:\/\/acowhite.uk\/index.php\/elements-progress-bars\/"},"modified":"2014-10-03T14:13:03","modified_gmt":"2014-10-03T14:13:03","slug":"elements-progress-bars","status":"publish","type":"page","link":"https:\/\/acowhite.uk\/index.php\/elements-progress-bars\/","title":{"rendered":"Elements &#8211; Progress Bars"},"content":{"rendered":"<section class=\"section  text-normal section-text-no-shadow section-inner-no-shadow section-normal section-opaque\"  >\n    \n    <div class=\"background-overlay grid-overlay-0 \" style=\"background-color: rgba(0,0,0,0);\"><\/div>\n\n    <div class=\"container container-vertical-default\">\n        <div class=\"row vertical-default\">\n            <div class=\"col-md-6     text-default small-screen-default\"  ><h2 class=\"text-left  element-top-70 element-bottom-20 text-normal os-animation normal regular\" data-os-animation=\"fadeIn\" data-os-animation-delay=\"0s\" >\n    Normal bars<\/h2><div class=\"progress  element-top-20 element-bottom-20\" data-os-animation=\"none\" data-os-animation-delay=\"0s\">\n  <div class=\"progress-bar progress-bar-info\" role=\"progressbar\" aria-valuenow=\"50\" aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width: 50%;\">\n      <\/div>\n<\/div>\n\n\n<div class=\"progress  element-top-20 element-bottom-20 os-animation\" data-os-animation=\"fadeIn\" data-os-animation-delay=\"0.1s\">\n  <div class=\"progress-bar progress-bar-primary\" role=\"progressbar\" aria-valuenow=\"60\" aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width: 60%;\">\n      <\/div>\n<\/div>\n\n\n<div class=\"progress  element-top-20 element-bottom-20 os-animation\" data-os-animation=\"fadeIn\" data-os-animation-delay=\"0.2s\">\n  <div class=\"progress-bar progress-bar-success\" role=\"progressbar\" aria-valuenow=\"70\" aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width: 70%;\">\n      <\/div>\n<\/div>\n\n\n<div class=\"progress  element-top-20 element-bottom-20 os-animation\" data-os-animation=\"fadeIn\" data-os-animation-delay=\"0.3s\">\n  <div class=\"progress-bar progress-bar-warning\" role=\"progressbar\" aria-valuenow=\"80\" aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width: 80%;\">\n      <\/div>\n<\/div>\n\n\n<div class=\"progress  element-top-20 element-bottom-20 os-animation\" data-os-animation=\"fadeIn\" data-os-animation-delay=\"0.5s\">\n  <div class=\"progress-bar progress-bar-danger\" role=\"progressbar\" aria-valuenow=\"90\" aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width: 90%;\">\n      <\/div>\n<\/div>\n\n\n<h2 class=\"text-left  element-top-70 element-bottom-20 text-normal os-animation normal regular\" data-os-animation=\"fadeIn\" data-os-animation-delay=\"0s\" >\n    Animated bars<\/h2><div class=\"progress progress-striped active  element-top-20 element-bottom-20 os-animation\" data-os-animation=\"fadeIn\" data-os-animation-delay=\"0.6s\">\n  <div class=\"progress-bar progress-bar-info\" role=\"progressbar\" aria-valuenow=\"50\" aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width: 50%;\">\n      <\/div>\n<\/div>\n\n\n<div class=\"progress progress-striped active  element-top-20 element-bottom-20 os-animation\" data-os-animation=\"fadeIn\" data-os-animation-delay=\"0.8s\">\n  <div class=\"progress-bar progress-bar-primary\" role=\"progressbar\" aria-valuenow=\"60\" aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width: 60%;\">\n      <\/div>\n<\/div>\n\n\n<div class=\"progress progress-striped active  element-top-20 element-bottom-20 os-animation\" data-os-animation=\"fadeIn\" data-os-animation-delay=\"0.9s\">\n  <div class=\"progress-bar progress-bar-success\" role=\"progressbar\" aria-valuenow=\"70\" aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width: 70%;\">\n      <\/div>\n<\/div>\n\n\n<div class=\"progress progress-striped active  element-top-20 element-bottom-20 os-animation\" data-os-animation=\"fadeIn\" data-os-animation-delay=\"1s\">\n  <div class=\"progress-bar progress-bar-warning\" role=\"progressbar\" aria-valuenow=\"80\" aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width: 80%;\">\n      <\/div>\n<\/div>\n\n\n<div class=\"progress progress-striped active  element-top-20 element-bottom-20 os-animation\" data-os-animation=\"fadeIn\" data-os-animation-delay=\"1.1s\">\n  <div class=\"progress-bar progress-bar-danger\" role=\"progressbar\" aria-valuenow=\"90\" aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width: 90%;\">\n      <\/div>\n<\/div>\n\n\n<\/div><div class=\"col-md-6     text-default small-screen-default\"  ><h2 class=\"text-left  element-top-70 element-bottom-20 text-normal os-animation normal regular\" data-os-animation=\"fadeIn\" data-os-animation-delay=\"0s\" >\n    Stripped bars<\/h2><div class=\"progress progress-striped  element-top-20 element-bottom-20 os-animation\" data-os-animation=\"fadeIn\" data-os-animation-delay=\"1.2s\">\n  <div class=\"progress-bar progress-bar-info\" role=\"progressbar\" aria-valuenow=\"50\" aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width: 50%;\">\n      <\/div>\n<\/div>\n\n\n<div class=\"progress progress-striped  element-top-20 element-bottom-20 os-animation\" data-os-animation=\"fadeIn\" data-os-animation-delay=\"1.3s\">\n  <div class=\"progress-bar progress-bar-primary\" role=\"progressbar\" aria-valuenow=\"60\" aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width: 60%;\">\n      <\/div>\n<\/div>\n\n\n<div class=\"progress progress-striped  element-top-20 element-bottom-20 os-animation\" data-os-animation=\"fadeIn\" data-os-animation-delay=\"1.4s\">\n  <div class=\"progress-bar progress-bar-success\" role=\"progressbar\" aria-valuenow=\"70\" aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width: 70%;\">\n      <\/div>\n<\/div>\n\n\n<div class=\"progress progress-striped  element-top-20 element-bottom-20 os-animation\" data-os-animation=\"fadeIn\" data-os-animation-delay=\"1.5s\">\n  <div class=\"progress-bar progress-bar-warning\" role=\"progressbar\" aria-valuenow=\"80\" aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width: 80%;\">\n      <\/div>\n<\/div>\n\n\n<div class=\"progress progress-striped  element-top-20 element-bottom-20 os-animation\" data-os-animation=\"fadeIn\" data-os-animation-delay=\"1.6s\">\n  <div class=\"progress-bar progress-bar-danger\" role=\"progressbar\" aria-valuenow=\"90\" aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width: 90%;\">\n      <\/div>\n<\/div>\n\n\n<h2 class=\"text-left  element-top-70 element-bottom-20 text-normal os-animation normal regular\" data-os-animation=\"fadeIn\" data-os-animation-delay=\"0s\" >\n    Bars with labels<\/h2><div class=\"progress  element-top-20 element-bottom-20\" data-os-animation=\"none\" data-os-animation-delay=\"1.7s\">\n  <div class=\"progress-bar progress-bar-info\" role=\"progressbar\" aria-valuenow=\"50\" aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width: 50%;\">\n        \t<span>HTML<\/span>\n  \t  <\/div>\n<\/div>\n\n\n<div class=\"progress  element-top-20 element-bottom-20 os-animation\" data-os-animation=\"fadeIn\" data-os-animation-delay=\"1.8s\">\n  <div class=\"progress-bar progress-bar-primary\" role=\"progressbar\" aria-valuenow=\"60\" aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width: 60%;\">\n        \t<span>CSS<\/span>\n  \t  <\/div>\n<\/div>\n\n\n<div class=\"progress  element-top-20 element-bottom-20 os-animation\" data-os-animation=\"fadeIn\" data-os-animation-delay=\"1.9s\">\n  <div class=\"progress-bar progress-bar-success\" role=\"progressbar\" aria-valuenow=\"70\" aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width: 70%;\">\n        \t<span>PHP<\/span>\n  \t  <\/div>\n<\/div>\n\n\n<div class=\"progress  element-top-20 element-bottom-20 os-animation\" data-os-animation=\"fadeIn\" data-os-animation-delay=\"2s\">\n  <div class=\"progress-bar progress-bar-warning\" role=\"progressbar\" aria-valuenow=\"80\" aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width: 80%;\">\n        \t<span>DESIGN<\/span>\n  \t  <\/div>\n<\/div>\n\n\n<div class=\"progress  element-top-20 element-bottom-100 os-animation\" data-os-animation=\"fadeIn\" data-os-animation-delay=\"2.1s\">\n  <div class=\"progress-bar progress-bar-danger\" role=\"progressbar\" aria-valuenow=\"90\" aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width: 90%;\">\n        \t<span>jQUERY<\/span>\n  \t  <\/div>\n<\/div>\n\n\n<\/div>        <\/div>\n    <\/div>\n<\/section>\n\n","protected":false},"excerpt":{"rendered":"Normal bars Animated bars Stripped bars Bars with labels HTML CSS PHP DESIGN jQUERY","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/acowhite.uk\/index.php\/wp-json\/wp\/v2\/pages\/175"}],"collection":[{"href":"https:\/\/acowhite.uk\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/acowhite.uk\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/acowhite.uk\/index.php\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/acowhite.uk\/index.php\/wp-json\/wp\/v2\/comments?post=175"}],"version-history":[{"count":0,"href":"https:\/\/acowhite.uk\/index.php\/wp-json\/wp\/v2\/pages\/175\/revisions"}],"wp:attachment":[{"href":"https:\/\/acowhite.uk\/index.php\/wp-json\/wp\/v2\/media?parent=175"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}