{"id":91,"date":"2019-10-09T05:35:57","date_gmt":"2019-10-09T05:35:57","guid":{"rendered":"https:\/\/docs.theironnetwork.org\/chankya\/?page_id=91"},"modified":"2019-10-10T06:55:28","modified_gmt":"2019-10-10T06:55:28","slug":"progress-bar","status":"publish","type":"page","link":"https:\/\/docs.theironnetwork.org\/chankya\/progress-bar\/","title":{"rendered":"Progress Bar"},"content":{"rendered":"\n

Progress bars have multiple usage on site like showing progress on a task or stats as bar relative to target.<\/p>\n\n\n\n

Chankya provide multiple type of progress bars and each one has a unique design.<\/p>\n\n\n\n

\/\/--- Simple Progress Bars ---\/\/
<div class=\"progress\">
    <div class=\"progress-bar\" role=\"progressbar\" aria-valuenow=\"0\" aria-valuemin=\"0\" aria-valuemax=\"100\"><\/div>
<\/div>  
 
<div class=\"progress\">
    <div class=\"progress-bar\" role=\"progressbar\" style=\"width: 25%\" aria-valuenow=\"25\" aria-valuemin=\"0\" aria-valuemax=\"100\"><\/div>
<\/div>
 
<div class=\"progress\">
    <div class=\"progress-bar\" role=\"progressbar\" style=\"width: 50%\" aria-valuenow=\"50\" aria-valuemin=\"0\" aria-valuemax=\"100\"><\/div>
<\/div>
 
<div class=\"progress\">
    <div class=\"progress-bar\" role=\"progressbar\" style=\"width: 75%\" aria-valuenow=\"75\" aria-valuemin=\"0\" aria-valuemax=\"100\"><\/div>
<\/div>
 
<div class=\"progress\">
    <div class=\"progress-bar\" role=\"progressbar\" style=\"width: 100%\" aria-valuenow=\"100\" aria-valuemin=\"0\" aria-valuemax=\"100\"><\/div>
<\/div>
 
\/\/--- Colored Progress Bar ---\/\/
 
<div class=\"progress\">
    <div class=\"progress-bar\" role=\"progressbar\" aria-valuenow=\"55\" aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width: 55%;\">
    <\/div>
<\/div>
 
<div class=\"progress\">
    <div class=\"progress-bar bg-warning\" role=\"progressbar\" aria-valuenow=\"30\" aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width: 30%;\">
    <\/div>
<\/div>
 
<div class=\"progress\">
    <div class=\"progress-bar bg-success\" role=\"progressbar\" aria-valuenow=\"50\" aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width: 50%;\">
    <\/div>
<\/div>
 
<div class=\"progress\">
    <div class=\"progress-bar bg-danger\" role=\"progressbar\" aria-valuenow=\"75\" aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width: 75%;\">
    <\/div>
<\/div>
 
<div class=\"progress\">
    <div class=\"progress-bar bg-info\" role=\"progressbar\" aria-valuenow=\"95\" aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width: 95%;\">
    <\/div>
<\/div><\/pre>\n
\n    
\n    \n                        <\/i>\n                    <\/a>\n        <\/span>\n<\/div>
\n    \n                        <\/i>\n                    <\/a>\n    <\/span>\n<\/div><\/div>\n\n","protected":false},"excerpt":{"rendered":"
Progress bars have multiple usage on site like showing progress on a task or stats as bar relative to target. Chankya provide multiple type of progress bars and each one has a unique design. \/\/— Simple Progress Bars —\/\/<div class=”progress”> <div class=”progress-bar” role=”progressbar” aria-valuenow=”0″ aria-valuemin=”0″ aria-valuemax=”100″><\/div><\/div> <div class=”progress”> <div class=”progress-bar” role=”progressbar” style=”width: 25%” aria-valuenow=”25″ aria-valuemin=”0″ […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":18,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/docs.theironnetwork.org\/chankya\/wp-json\/wp\/v2\/pages\/91"}],"collection":[{"href":"https:\/\/docs.theironnetwork.org\/chankya\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/docs.theironnetwork.org\/chankya\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/docs.theironnetwork.org\/chankya\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.theironnetwork.org\/chankya\/wp-json\/wp\/v2\/comments?post=91"}],"version-history":[{"count":1,"href":"https:\/\/docs.theironnetwork.org\/chankya\/wp-json\/wp\/v2\/pages\/91\/revisions"}],"predecessor-version":[{"id":93,"href":"https:\/\/docs.theironnetwork.org\/chankya\/wp-json\/wp\/v2\/pages\/91\/revisions\/93"}],"wp:attachment":[{"href":"https:\/\/docs.theironnetwork.org\/chankya\/wp-json\/wp\/v2\/media?parent=91"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}