{"id":114,"date":"2015-09-21T10:48:02","date_gmt":"2015-09-21T10:48:02","guid":{"rendered":"http:\/\/ordasvit.com\/wordpress-cuisine\/?page_id=114"},"modified":"2015-10-06T08:43:55","modified_gmt":"2015-10-06T08:43:55","slug":"progress-bare","status":"publish","type":"page","link":"https:\/\/ordasvit.com\/wordpress-cuisine\/progress-bare\/","title":{"rendered":"Progress bare"},"content":{"rendered":"<h3>Basic<\/h3>\r\n\r\n<div class=\"progress\">\r\n  <div class=\"progress-bar\" role=\"progressbar\" aria-valuenow=\"60\" aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width: 60%;\">\r\n    <span class=\"sr-only\">60% Complete<\/span>\r\n  <\/div>\r\n<\/div>\r\n<div id=\"accordion1\" class=\"accordion\">\r\n<div class=\"accordion-group\">\r\n<div class=\"accordion-heading\"><a class=\"accordion-toggle\" href=\"#collapseOne\" data-toggle=\"collapse\" data-parent=\"#accordion1\">How to use<\/a><\/div>\r\n<div id=\"collapseOne\" class=\"accordion-body collapse\">\r\n<div class=\"accordion-inner\">\r\n<pre class=\"brush: xml; title: ; notranslate\" title=\"\">\r\n&lt;div class=&quot;progress&quot;&gt;\r\n  &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuenow=&quot;60&quot; aria-valuemin=&quot;0&quot; aria-valuemax=&quot;100&quot; style=&quot;width: 60%;&quot;&gt;\r\n    &lt;span class=&quot;sr-only&quot;&gt;60% Complete&lt;\/span&gt;\r\n  &lt;\/div&gt;\r\n&lt;\/div&gt;\r\n<\/pre>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<br>\r\n\r\n<h3>With label<\/h3>\r\n\r\n<div class=\"progress\">\r\n  <div class=\"progress-bar\" role=\"progressbar\" aria-valuenow=\"60\" aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width: 60%;\">\r\n    60%\r\n  <\/div>\r\n<\/div>\r\n<div id=\"accordion11\" class=\"accordion\">\r\n<div class=\"accordion-group\">\r\n<div class=\"accordion-heading\"><a class=\"accordion-toggle\" href=\"#collapse11\" data-toggle=\"collapse\" data-parent=\"#accordion11\">How to use<\/a><\/div>\r\n<div id=\"collapse11\" class=\"accordion-body collapse\">\r\n<div class=\"accordion-inner\">\r\n<pre class=\"brush: xml; title: ; notranslate\" title=\"\">\r\n &lt;div class=&quot;progress&quot;&gt;\r\n  &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuenow=&quot;60&quot; aria-valuemin=&quot;0&quot; aria-valuemax=&quot;100&quot; style=&quot;width: 60%;&quot;&gt;\r\n    60%\r\n  &lt;\/div&gt;\r\n&lt;\/div&gt;\r\n<\/pre>\r\n<\/pre>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<br>\r\n\r\n\r\n\r\n<h3>Contextual alternatives<\/h3>\r\n<div class=\"progress\">\r\n  <div class=\"progress-bar progress-bar-success\" role=\"progressbar\" aria-valuenow=\"40\" aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width: 40%\">\r\n    <span class=\"sr-only\">40% Complete (success)<\/span>\r\n  <\/div>\r\n<\/div>\r\n<div class=\"progress\">\r\n  <div class=\"progress-bar progress-bar-info\" role=\"progressbar\" aria-valuenow=\"20\" aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width: 20%\">\r\n    <span class=\"sr-only\">20% Complete<\/span>\r\n  <\/div>\r\n<\/div>\r\n<div class=\"progress\">\r\n  <div class=\"progress-bar progress-bar-warning\" role=\"progressbar\" aria-valuenow=\"60\" aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width: 60%\">\r\n    <span class=\"sr-only\">60% Complete (warning)<\/span>\r\n  <\/div>\r\n<\/div>\r\n<div class=\"progress\">\r\n  <div class=\"progress-bar progress-bar-danger\" role=\"progressbar\" aria-valuenow=\"80\" aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width: 80%\">\r\n    <span class=\"sr-only\">80% Complete<\/span>\r\n  <\/div>\r\n<\/div>\r\n\r\n<div id=\"accordion4\" class=\"accordion\">\r\n<div class=\"accordion-group\">\r\n<div class=\"accordion-heading\"><a class=\"accordion-toggle\" href=\"#collapseFour\" data-toggle=\"collapse\" data-parent=\"#accordion4\">How to use<\/a><\/div>\r\n<div id=\"collapseFour\" class=\"accordion-body collapse\">\r\n<div class=\"accordion-inner\">\r\n<pre class=\"brush: xml; title: ; notranslate\" title=\"\">\r\n\r\n&lt;div class=&quot;progress&quot;&gt;\r\n  &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuenow=&quot;40&quot; aria-valuemin=&quot;0&quot; aria-valuemax=&quot;100&quot; style=&quot;width: 40%&quot;&gt;\r\n    &lt;span class=&quot;sr-only&quot;&gt;40% Complete (success)&lt;\/span&gt;\r\n  &lt;\/div&gt;\r\n&lt;\/div&gt;\r\n&lt;div class=&quot;progress&quot;&gt;\r\n  &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuenow=&quot;20&quot; aria-valuemin=&quot;0&quot; aria-valuemax=&quot;100&quot; style=&quot;width: 20%&quot;&gt;\r\n    &lt;span class=&quot;sr-only&quot;&gt;20% Complete&lt;\/span&gt;\r\n  &lt;\/div&gt;\r\n&lt;\/div&gt;\r\n&lt;div class=&quot;progress&quot;&gt;\r\n  &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuenow=&quot;60&quot; aria-valuemin=&quot;0&quot; aria-valuemax=&quot;100&quot; style=&quot;width: 60%&quot;&gt;\r\n    &lt;span class=&quot;sr-only&quot;&gt;60% Complete (warning)&lt;\/span&gt;\r\n  &lt;\/div&gt;\r\n&lt;\/div&gt;\r\n&lt;div class=&quot;progress&quot;&gt;\r\n  &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuenow=&quot;80&quot; aria-valuemin=&quot;0&quot; aria-valuemax=&quot;100&quot; style=&quot;width: 80%&quot;&gt;\r\n    &lt;span class=&quot;sr-only&quot;&gt;80% Complete&lt;\/span&gt;\r\n  &lt;\/div&gt;\r\n&lt;\/div&gt;\r\n<\/pre>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<br>\r\n\r\n<h3>Striped<\/h3>\r\n\r\n<div class=\"progress progress-striped\">\r\n  <div class=\"progress-bar progress-bar-success\" role=\"progressbar\" aria-valuenow=\"40\" aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width: 40%\">\r\n    <span class=\"sr-only\">40% Complete (success)<\/span>\r\n  <\/div>\r\n<\/div>\r\n<div class=\"progress progress-striped\">\r\n  <div class=\"progress-bar progress-bar-info\" role=\"progressbar\" aria-valuenow=\"20\" aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width: 20%\">\r\n    <span class=\"sr-only\">20% Complete<\/span>\r\n  <\/div>\r\n<\/div>\r\n<div class=\"progress progress-striped\">\r\n  <div class=\"progress-bar progress-bar-warning\" role=\"progressbar\" aria-valuenow=\"60\" aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width: 60%\">\r\n    <span class=\"sr-only\">60% Complete (warning)<\/span>\r\n  <\/div>\r\n<\/div>\r\n<div class=\"progress progress-striped\">\r\n  <div class=\"progress-bar progress-bar-danger\" role=\"progressbar\" aria-valuenow=\"80\" aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width: 80%\">\r\n    <span class=\"sr-only\">80% Complete (danger)<\/span>\r\n  <\/div>\r\n<\/div>\r\n\r\n<div id=\"accordion2\" class=\"accordion\">\r\n<div class=\"accordion-group\">\r\n<div class=\"accordion-heading\"><a class=\"accordion-toggle\" href=\"#collapseTwo\" data-toggle=\"collapse\" data-parent=\"#accordion2\">How to use<\/a><\/div>\r\n<div id=\"collapseTwo\" class=\"accordion-body collapse\">\r\n<div class=\"accordion-inner\">\r\n<pre class=\"brush: xml; title: ; notranslate\" title=\"\">\r\n&lt;div class=&quot;progress progress-striped&quot;&gt;\r\n  &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuenow=&quot;40&quot; aria-valuemin=&quot;0&quot; aria-valuemax=&quot;100&quot; style=&quot;width: 40%&quot;&gt;\r\n    &lt;span class=&quot;sr-only&quot;&gt;40% Complete (success)&lt;\/span&gt;\r\n  &lt;\/div&gt;\r\n&lt;\/div&gt;\r\n&lt;div class=&quot;progress progress-striped&quot;&gt;\r\n  &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuenow=&quot;20&quot; aria-valuemin=&quot;0&quot; aria-valuemax=&quot;100&quot; style=&quot;width: 20%&quot;&gt;\r\n    &lt;span class=&quot;sr-only&quot;&gt;20% Complete&lt;\/span&gt;\r\n  &lt;\/div&gt;\r\n&lt;\/div&gt;\r\n&lt;div class=&quot;progress progress-striped&quot;&gt;\r\n  &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuenow=&quot;60&quot; aria-valuemin=&quot;0&quot; aria-valuemax=&quot;100&quot; style=&quot;width: 60%&quot;&gt;\r\n    &lt;span class=&quot;sr-only&quot;&gt;60% Complete (warning)&lt;\/span&gt;\r\n  &lt;\/div&gt;\r\n&lt;\/div&gt;\r\n&lt;div class=&quot;progress progress-striped&quot;&gt;\r\n  &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuenow=&quot;80&quot; aria-valuemin=&quot;0&quot; aria-valuemax=&quot;100&quot; style=&quot;width: 80%&quot;&gt;\r\n    &lt;span class=&quot;sr-only&quot;&gt;80% Complete (danger)&lt;\/span&gt;\r\n  &lt;\/div&gt;\r\n&lt;\/div&gt;\r\n\r\n<\/pre>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<br>\r\n\r\n<h3>Animated<\/h3>\r\n<div class=\"progress progress-striped active\">\r\n  <div class=\"progress-bar\"  role=\"progressbar\" aria-valuenow=\"45\" aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width: 45%\">\r\n    <span class=\"sr-only\">45% Complete<\/span>\r\n  <\/div>\r\n<\/div>\r\n\r\n<div id=\"accordion3\" class=\"accordion\">\r\n<div class=\"accordion-group\">\r\n<div class=\"accordion-heading\"><a class=\"accordion-toggle\" href=\"#collapseThree\" data-toggle=\"collapse\" data-parent=\"#accordion3\">How to use<\/a><\/div>\r\n<div id=\"collapseThree\" class=\"accordion-body collapse\">\r\n<div class=\"accordion-inner\">\r\n<pre class=\"brush: xml; title: ; notranslate\" title=\"\">\r\n&lt;div class=&quot;progress progress-striped active&quot;&gt;\r\n  &lt;div class=&quot;progress-bar&quot;  role=&quot;progressbar&quot; aria-valuenow=&quot;45&quot; aria-valuemin=&quot;0&quot; aria-valuemax=&quot;100&quot; style=&quot;width: 45%&quot;&gt;\r\n    &lt;span class=&quot;sr-only&quot;&gt;45% Complete&lt;\/span&gt;\r\n  &lt;\/div&gt;\r\n&lt;\/div&gt;\r\n\r\n\r\n<\/pre>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<br>\r\n\r\n<h3>Stacked<\/h3>\r\n\r\n<div class=\"progress\">\r\n  <div class=\"progress-bar progress-bar-success\" style=\"width: 35%\">\r\n    <span class=\"sr-only\">35% Complete (success)<\/span>\r\n  <\/div>\r\n  <div class=\"progress-bar progress-bar-warning\" style=\"width: 20%\">\r\n    <span class=\"sr-only\">20% Complete (warning)<\/span>\r\n  <\/div>\r\n  <div class=\"progress-bar progress-bar-danger\" style=\"width: 10%\">\r\n    <span class=\"sr-only\">10% Complete (danger)<\/span>\r\n  <\/div>\r\n<\/div>\r\n\r\n<div id=\"accordion5\" class=\"accordion\">\r\n<div class=\"accordion-group\">\r\n<div class=\"accordion-heading\"><a class=\"accordion-toggle\" href=\"#collapseFive\" data-toggle=\"collapse\" data-parent=\"#accordion5\">How to use<\/a><\/div>\r\n<div id=\"collapseFive\" class=\"accordion-body collapse\">\r\n<div class=\"accordion-inner\">\r\n<pre class=\"brush: xml; title: ; notranslate\" title=\"\">\r\n&lt;div class=&quot;progress&quot;&gt;\r\n  &lt;div class=&quot;progress-bar progress-bar-success&quot; style=&quot;width: 35%&quot;&gt;\r\n    &lt;span class=&quot;sr-only&quot;&gt;35% Complete (success)&lt;\/span&gt;\r\n  &lt;\/div&gt;\r\n  &lt;div class=&quot;progress-bar progress-bar-warning&quot; style=&quot;width: 20%&quot;&gt;\r\n    &lt;span class=&quot;sr-only&quot;&gt;20% Complete (warning)&lt;\/span&gt;\r\n  &lt;\/div&gt;\r\n  &lt;div class=&quot;progress-bar progress-bar-danger&quot; style=&quot;width: 10%&quot;&gt;\r\n    &lt;span class=&quot;sr-only&quot;&gt;10% Complete (danger)&lt;\/span&gt;\r\n  &lt;\/div&gt;\r\n&lt;\/div&gt;\r\n<\/pre>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>","protected":false},"excerpt":{"rendered":"Basic 60% Complete How to use With label 60% How to use Contextual alternatives 40% Complete (success) 20% Complete 60% Complete (warning) 80% Complete How to use Striped 40% Complete (success) 20% Complete 60% Complete (warning) 80% Complete (danger) How to use Animated 45% Complete How to use Stacked 35% Complete (success) 20% Complete (warning) [&hellip;]","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0},"_links":{"self":[{"href":"https:\/\/ordasvit.com\/wordpress-cuisine\/wp-json\/wp\/v2\/pages\/114"}],"collection":[{"href":"https:\/\/ordasvit.com\/wordpress-cuisine\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ordasvit.com\/wordpress-cuisine\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ordasvit.com\/wordpress-cuisine\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ordasvit.com\/wordpress-cuisine\/wp-json\/wp\/v2\/comments?post=114"}],"version-history":[{"count":4,"href":"https:\/\/ordasvit.com\/wordpress-cuisine\/wp-json\/wp\/v2\/pages\/114\/revisions"}],"predecessor-version":[{"id":357,"href":"https:\/\/ordasvit.com\/wordpress-cuisine\/wp-json\/wp\/v2\/pages\/114\/revisions\/357"}],"wp:attachment":[{"href":"https:\/\/ordasvit.com\/wordpress-cuisine\/wp-json\/wp\/v2\/media?parent=114"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}