{"version":3,"sources":["webpack:///./src/views/core/UiProgressBars.vue","webpack:///src/views/core/UiProgressBars.vue","webpack:///./src/views/core/UiProgressBars.vue?ab40","webpack:///./src/views/core/UiProgressBars.vue?076a"],"names":["render","_vm","this","_c","_self","attrs","scopedSlots","_u","key","fn","staticClass","_v","proxy","directives","name","rawName","modifiers","staticRenderFns","mounted","core","index","component"],"mappings":"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","file":"js/chunk-2d207f54.95484c3f.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('b-container',{attrs:{\"fluid\":\"\"}},[_c('b-row',[_c('b-col',{attrs:{\"lg\":\"6\",\"sm\":\"12\"}},[_c('iq-card',{scopedSlots:_vm._u([{key:\"headerTitle\",fn:function(){return [_c('h4',{staticClass:\"card-title\"},[_vm._v(\"Examples\")])]},proxy:true},{key:\"headerAction\",fn:function(){return [_c('a',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-1\",modifiers:{\"collapse-1\":true}}],staticClass:\"text-primary float-right\",attrs:{\"role\":\"button\"}},[_c('i',{staticClass:\"ri-code-s-slash-line\"})])]},proxy:true},{key:\"body\",fn:function(){return [_c('p',[_vm._v(\"Progress components are built with two HTML elements, some CSS to set the width, and a few attributes. We don’t use \"),_c('a',{attrs:{\"href\":\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/progress\"}},[_vm._v(\"the HTML5 \"),_c('code',[_vm._v(\"<progress>\")]),_vm._v(\" element\")]),_vm._v(\", ensuring you can stack progress bars, animate them, and place text labels over them.\")]),_c('ul',[_c('li',[_vm._v(\"We use the \"),_c('code',[_vm._v(\".progress\")]),_vm._v(\" as a wrapper to indicate the max value of the progress bar.\")]),_c('li',[_vm._v(\"We use the inner \"),_c('code',[_vm._v(\".progress-bar\")]),_vm._v(\" to indicate the progress so far.\")]),_c('li',[_vm._v(\"The \"),_c('code',[_vm._v(\".progress-bar\")]),_vm._v(\" requires an inline style, utility class, or custom CSS to set their width.\")]),_c('li',[_vm._v(\"The \"),_c('code',[_vm._v(\".progress-bar\")]),_vm._v(\" also requires some \"),_c('code',[_vm._v(\"role\")]),_vm._v(\" and \"),_c('code',[_vm._v(\"aria\")]),_vm._v(\" attributes to make it accessible.\")])]),_c('p',[_vm._v(\"Put that all together, and you have the following examples.\")]),_c('b-collapse',{staticClass:\"mb-2\",attrs:{\"id\":\"collapse-1\"}},[_c('div',{staticClass:\"card\"},[_c('kbd',{staticClass:\"bg-dark\"},[_c('pre',{staticClass:\"text-white\",attrs:{\"id\":\"examples-1\"}},[_vm._v(\"                    \"),_c('code',[_vm._v(\"\\n<b-progress :value=\\\"0\\\" max=\\\"100\\\" class=\\\"mb-3\\\"></b-progress>\\n<b-progress :value=\\\"25\\\" max=\\\"100\\\" class=\\\"mb-3\\\"></b-progress>\\n<b-progress :value=\\\"50\\\" max=\\\"100\\\" class=\\\"mb-3\\\"></b-progress>\\n<b-progress :value=\\\"75\\\" max=\\\"100\\\" class=\\\"mb-3\\\"></b-progress>\\n<b-progress :value=\\\"100\\\" max=\\\"100\\\" class=\\\"mb-3\\\"></b-progress>\\n\")])])])])]),_c('b-progress',{staticClass:\"mb-3\",attrs:{\"value\":0,\"max\":\"100\"}}),_c('b-progress',{staticClass:\"mb-3\",attrs:{\"value\":25,\"max\":\"100\"}}),_c('b-progress',{staticClass:\"mb-3\",attrs:{\"value\":50,\"max\":\"100\"}}),_c('b-progress',{staticClass:\"mb-3\",attrs:{\"value\":75,\"max\":\"100\"}}),_c('b-progress',{attrs:{\"value\":100,\"max\":\"100\"}})]},proxy:true}])}),_c('iq-card',{scopedSlots:_vm._u([{key:\"headerTitle\",fn:function(){return [_c('h4',{staticClass:\"card-title\"},[_vm._v(\"Heights\")])]},proxy:true},{key:\"headerAction\",fn:function(){return [_c('a',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-2\",modifiers:{\"collapse-2\":true}}],staticClass:\"text-primary float-right\",attrs:{\"role\":\"button\"}},[_c('i',{staticClass:\"ri-code-s-slash-line\"})])]},proxy:true},{key:\"body\",fn:function(){return [_c('p',[_vm._v(\"We only set a \"),_c('code',[_vm._v(\"height\")]),_vm._v(\" value on the \"),_c('code',[_vm._v(\".progress\")]),_vm._v(\", so if you change that value the inner \"),_c('code',[_vm._v(\".progress-bar\")]),_vm._v(\" will automatically resize accordingly.\")]),_c('b-collapse',{staticClass:\"mb-2\",attrs:{\"id\":\"collapse-2\"}},[_c('div',{staticClass:\"card\"},[_c('kbd',{staticClass:\"bg-dark\"},[_c('pre',{staticClass:\"text-white\",attrs:{\"id\":\"heights-1\"}},[_vm._v(\"                    \"),_c('code',[_vm._v(\"\\n<b-progress :value=\\\"25\\\" show-progress max=\\\"100\\\" height=\\\"3px\\\" class=\\\"mb-3\\\"></b-progress>\\n<b-progress :value=\\\"50\\\" show-progress max=\\\"100\\\" height=\\\"10px\\\" class=\\\"mb-3\\\"></b-progress>\\n<b-progress :value=\\\"75\\\" show-progress max=\\\"100\\\" height=\\\"15px\\\" class=\\\"mb-3\\\"></b-progress>\\n<b-progress :value=\\\"100\\\" show-progress max=\\\"100\\\" height=\\\"20px\\\" ></b-progress>\\n\")])])])])]),_c('b-progress',{staticClass:\"mb-3\",attrs:{\"value\":25,\"show-progress\":\"\",\"max\":\"100\",\"height\":\"3px\"}}),_c('b-progress',{staticClass:\"mb-3\",attrs:{\"value\":50,\"show-progress\":\"\",\"max\":\"100\",\"height\":\"10px\"}}),_c('b-progress',{staticClass:\"mb-3\",attrs:{\"value\":75,\"show-progress\":\"\",\"max\":\"100\",\"height\":\"15px\"}}),_c('b-progress',{attrs:{\"value\":99,\"show-progress\":\"\",\"max\":\"100\",\"height\":\"20px\"}})]},proxy:true}])}),_c('iq-card',{scopedSlots:_vm._u([{key:\"headerTitle\",fn:function(){return [_c('h4',{staticClass:\"card-title\"},[_vm._v(\"Animated stripes\")])]},proxy:true},{key:\"headerAction\",fn:function(){return [_c('a',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-3\",modifiers:{\"collapse-3\":true}}],staticClass:\"text-primary float-right\",attrs:{\"role\":\"button\"}},[_c('i',{staticClass:\"ri-code-s-slash-line\"})])]},proxy:true},{key:\"body\",fn:function(){return [_c('p',[_vm._v(\"The striped gradient can also be animated. Add \"),_c('code',[_vm._v(\".progress-bar-animated\")]),_vm._v(\" to \"),_c('code',[_vm._v(\".progress-bar\")]),_vm._v(\" to animate the stripes right to left via CSS3 animations.\")]),_c('b-collapse',{staticClass:\"mb-2\",attrs:{\"id\":\"collapse-3\"}},[_c('div',{staticClass:\"card\"},[_c('kbd',{staticClass:\"bg-dark\"},[_c('pre',{staticClass:\"text-white\",attrs:{\"id\":\"animated-stripe-1\"}},[_vm._v(\"                    \"),_c('code',[_vm._v(\"\\n<b-progress :value=\\\"75\\\" animated max=\\\"100\\\" class=\\\"mb-3\\\"></b-progress>\\n<b-progress :value=\\\"75\\\" variant=\\\"success\\\" animated max=\\\"100\\\"></b-progress>\\n\")])])])])]),_c('b-progress',{staticClass:\"mb-3\",attrs:{\"value\":75,\"animated\":\"\",\"max\":\"100\"}}),_c('b-progress',{attrs:{\"value\":75,\"variant\":\"success\",\"animated\":\"\",\"max\":\"100\"}})]},proxy:true}])})],1),_c('b-col',{attrs:{\"lg\":\"6\",\"sm\":\"12\"}},[_c('iq-card',{scopedSlots:_vm._u([{key:\"headerTitle\",fn:function(){return [_c('h4',{staticClass:\"card-title\"},[_vm._v(\"Labels\")])]},proxy:true},{key:\"headerAction\",fn:function(){return [_c('a',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-4\",modifiers:{\"collapse-4\":true}}],staticClass:\"text-primary float-right\",attrs:{\"role\":\"button\"}},[_c('i',{staticClass:\"ri-code-s-slash-line\"})])]},proxy:true},{key:\"body\",fn:function(){return [_c('p',[_vm._v(\"Add labels to your progress bars by placing text within the \"),_c('code',[_vm._v(\".progress-bar\")]),_vm._v(\".\")]),_c('b-collapse',{staticClass:\"mb-2\",attrs:{\"id\":\"collapse-4\"}},[_c('div',{staticClass:\"card\"},[_c('kbd',{staticClass:\"bg-dark\"},[_c('pre',{staticClass:\"text-white\",attrs:{\"id\":\"labels-1\"}},[_vm._v(\"                    \"),_c('code',[_vm._v(\"\\n<b-progress :value=\\\"25\\\" show-progress max=\\\"100\\\" class=\\\"mb-3\\\"></b-progress>\\n<b-progress :value=\\\"50\\\" show-progress max=\\\"100\\\" class=\\\"mb-3\\\"></b-progress>\\n<b-progress :value=\\\"75\\\" show-progress max=\\\"100\\\" class=\\\"mb-3\\\"></b-progress>\\n<b-progress :value=\\\"100\\\" show-progress max=\\\"100\\\"></b-progress>\\n\")])])])])]),_c('b-progress',{staticClass:\"mb-3\",attrs:{\"value\":25,\"show-progress\":\"\",\"max\":\"100\"}}),_c('b-progress',{staticClass:\"mb-3\",attrs:{\"value\":50,\"show-progress\":\"\",\"max\":\"100\"}}),_c('b-progress',{staticClass:\"mb-3\",attrs:{\"value\":75,\"show-progress\":\"\",\"max\":\"100\"}}),_c('b-progress',{attrs:{\"value\":99,\"show-progress\":\"\",\"max\":\"100\"}})]},proxy:true}])}),_c('iq-card',{scopedSlots:_vm._u([{key:\"headerTitle\",fn:function(){return [_c('h4',{staticClass:\"card-title\"},[_vm._v(\"Backgrounds\")])]},proxy:true},{key:\"headerAction\",fn:function(){return [_c('a',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-5\",modifiers:{\"collapse-5\":true}}],staticClass:\"text-primary float-right\",attrs:{\"role\":\"button\"}},[_c('i',{staticClass:\"ri-code-s-slash-line\"})])]},proxy:true},{key:\"body\",fn:function(){return [_c('p',[_vm._v(\"Use background utility classes to change the appearance of individual progress bars.\")]),_c('b-collapse',{staticClass:\"mb-2\",attrs:{\"id\":\"collapse-5\"}},[_c('div',{staticClass:\"card\"},[_c('kbd',{staticClass:\"bg-dark\"},[_c('pre',{staticClass:\"text-white\",attrs:{\"id\":\"backgrounds-1\"}},[_vm._v(\"                    \"),_c('code',[_vm._v(\"\\n<b-progress :value=\\\"25\\\" variant=\\\"success\\\" max=\\\"100\\\" class=\\\"mb-3\\\"></b-progress>\\n<b-progress :value=\\\"50\\\" variant=\\\"info\\\" max=\\\"100\\\" class=\\\"mb-3\\\"></b-progress>\\n<b-progress :value=\\\"75\\\" variant=\\\"warning\\\" max=\\\"100\\\" class=\\\"mb-3\\\"></b-progress>\\n<b-progress :value=\\\"100\\\" variant=\\\"danger\\\" max=\\\"100\\\"></b-progress>\\n\")])])])])]),_c('b-progress',{staticClass:\"mb-3\",attrs:{\"value\":25,\"variant\":\"success\",\"max\":\"100\"}}),_c('b-progress',{staticClass:\"mb-3\",attrs:{\"value\":50,\"variant\":\"info\",\"max\":\"100\"}}),_c('b-progress',{staticClass:\"mb-3\",attrs:{\"value\":75,\"variant\":\"warning\",\"max\":\"100\"}}),_c('b-progress',{attrs:{\"value\":100,\"variant\":\"danger\",\"max\":\"100\"}})]},proxy:true}])}),_c('iq-card',{scopedSlots:_vm._u([{key:\"headerTitle\",fn:function(){return [_c('h4',{staticClass:\"card-title\"},[_vm._v(\"Multiple bars\")])]},proxy:true},{key:\"headerAction\",fn:function(){return [_c('a',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-6\",modifiers:{\"collapse-6\":true}}],staticClass:\"text-primary float-right\",attrs:{\"role\":\"button\"}},[_c('i',{staticClass:\"ri-code-s-slash-line\"})])]},proxy:true},{key:\"body\",fn:function(){return [_c('p',[_vm._v(\"Include multiple progress bars in a progress component if you need.\")]),_c('b-collapse',{staticClass:\"mb-2\",attrs:{\"id\":\"collapse-6\"}},[_c('div',{staticClass:\"card\"},[_c('kbd',{staticClass:\"bg-dark\"},[_c('pre',{staticClass:\"text-white\",attrs:{\"id\":\"multiple-bars-1\"}},[_vm._v(\"                    \"),_c('code',[_vm._v(\"\\n<b-progress max=\\\"100\\\">\\n  <b-progress-bar variant=\\\"primary\\\" :value=\\\"15\\\"></b-progress-bar>\\n  <b-progress-bar variant=\\\"success\\\" :value=\\\"30\\\"></b-progress-bar>\\n  <b-progress-bar variant=\\\"info\\\" :value=\\\"20\\\"></b-progress-bar>\\n</b-progress>\\n\")])])])])]),_c('b-progress',{attrs:{\"max\":\"100\"}},[_c('b-progress-bar',{attrs:{\"variant\":\"primary\",\"value\":15}}),_c('b-progress-bar',{attrs:{\"variant\":\"success\",\"value\":30}}),_c('b-progress-bar',{attrs:{\"variant\":\"info\",\"value\":20}})],1)]},proxy:true}])}),_c('iq-card',{scopedSlots:_vm._u([{key:\"headerTitle\",fn:function(){return [_c('h4',{staticClass:\"card-title\"},[_vm._v(\"Striped\")])]},proxy:true},{key:\"headerAction\",fn:function(){return [_c('a',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-7\",modifiers:{\"collapse-7\":true}}],staticClass:\"text-primary float-right\",attrs:{\"role\":\"button\"}},[_c('i',{staticClass:\"ri-code-s-slash-line\"})])]},proxy:true},{key:\"body\",fn:function(){return [_c('p',[_vm._v(\"Add \"),_c('code',[_vm._v(\".progress-bar-striped\")]),_vm._v(\" to any \"),_c('code',[_vm._v(\".progress-bar\")]),_vm._v(\" to apply a stripe via CSS gradient over the progress bar’s background color.\")]),_c('b-collapse',{staticClass:\"mb-2\",attrs:{\"id\":\"collapse-7\"}},[_c('div',{staticClass:\"card\"},[_c('kbd',{staticClass:\"bg-dark\"},[_c('pre',{staticClass:\"text-white\",attrs:{\"id\":\"striped-1\"}},[_vm._v(\"                    \"),_c('code',[_vm._v(\"\\n<b-progress :value=\\\"10\\\" striped max=\\\"100\\\" class=\\\"mb-3\\\"></b-progress>\\n<b-progress :value=\\\"25\\\" striped variant=\\\"success\\\" max=\\\"100\\\" class=\\\"mb-3\\\"></b-progress>\\n<b-progress :value=\\\"50\\\" striped variant=\\\"info\\\" max=\\\"100\\\" class=\\\"mb-3\\\"></b-progress>\\n<b-progress :value=\\\"75\\\" striped variant=\\\"warning\\\" max=\\\"100\\\" class=\\\"mb-3\\\"></b-progress>\\n<b-progress :value=\\\"100\\\" striped variant=\\\"danger\\\" max=\\\"100\\\"></b-progress>\\n\")])])])])]),_c('b-progress',{staticClass:\"mb-3\",attrs:{\"value\":10,\"striped\":\"\",\"max\":\"100\"}}),_c('b-progress',{staticClass:\"mb-3\",attrs:{\"value\":25,\"striped\":\"\",\"variant\":\"success\",\"max\":\"100\"}}),_c('b-progress',{staticClass:\"mb-3\",attrs:{\"value\":50,\"striped\":\"\",\"variant\":\"info\",\"max\":\"100\"}}),_c('b-progress',{staticClass:\"mb-3\",attrs:{\"value\":75,\"striped\":\"\",\"variant\":\"warning\",\"max\":\"100\"}}),_c('b-progress',{attrs:{\"value\":100,\"striped\":\"\",\"variant\":\"danger\",\"max\":\"100\"}})]},proxy:true}])})],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-container fluid>\n    <b-row>\n      <b-col lg=\"6\" sm=\"12\">\n        <iq-card>\n          <template v-slot:headerTitle>\n            <h4 class=\"card-title\">Examples</h4>\n          </template>\n          <template v-slot:headerAction>\n            <a class=\"text-primary float-right\" v-b-toggle.collapse-1 role=\"button\">\n              <i class=\"ri-code-s-slash-line\" />\n            </a>\n          </template>\n          <template v-slot:body>\n            <p>Progress components are built with two HTML elements, some CSS to set the width, and a few attributes. We don’t use <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/progress\">the HTML5 <code>&lt;progress&gt;</code> element</a>, ensuring you can stack progress bars, animate them, and place text labels over them.</p>\n            <ul>\n              <li>We use the <code>.progress</code> as a wrapper to indicate the max value of the progress bar.</li>\n              <li>We use the inner <code>.progress-bar</code> to indicate the progress so far.</li>\n              <li>The <code>.progress-bar</code> requires an inline style, utility class, or custom CSS to set their width.</li>\n              <li>The <code>.progress-bar</code> also requires some <code>role</code> and <code>aria</code> attributes to make it accessible.</li>\n            </ul>\n            <p>Put that all together, and you have the following examples.</p>\n            <b-collapse id=\"collapse-1\" class=\"mb-2\">\n              <div class=\"card\">\n                <kbd class=\"bg-dark\">\n                  <pre class=\"text-white\" id=\"examples-1\">\n                    <code>\n&lt;b-progress :value=\"0\" max=\"100\" class=\"mb-3\"&gt;&lt;/b-progress&gt;\n&lt;b-progress :value=\"25\" max=\"100\" class=\"mb-3\"&gt;&lt;/b-progress&gt;\n&lt;b-progress :value=\"50\" max=\"100\" class=\"mb-3\"&gt;&lt;/b-progress&gt;\n&lt;b-progress :value=\"75\" max=\"100\" class=\"mb-3\"&gt;&lt;/b-progress&gt;\n&lt;b-progress :value=\"100\" max=\"100\" class=\"mb-3\"&gt;&lt;/b-progress&gt;\n</code></pre>\n                </kbd>\n              </div>\n            </b-collapse>\n            <b-progress :value=\"0\" max=\"100\" class=\"mb-3\"></b-progress>\n            <b-progress :value=\"25\" max=\"100\" class=\"mb-3\"></b-progress>\n            <b-progress :value=\"50\" max=\"100\" class=\"mb-3\"></b-progress>\n            <b-progress :value=\"75\" max=\"100\" class=\"mb-3\"></b-progress>\n            <b-progress :value=\"100\" max=\"100\"></b-progress>\n          </template>\n        </iq-card>\n        <iq-card>\n          <template v-slot:headerTitle>\n            <h4 class=\"card-title\">Heights</h4>\n          </template>\n          <template v-slot:headerAction>\n            <a class=\"text-primary float-right\" v-b-toggle.collapse-2 role=\"button\">\n              <i class=\"ri-code-s-slash-line\" />\n            </a>\n          </template>\n          <template v-slot:body>\n            <p>We only set a <code>height</code> value on the <code>.progress</code>, so if you change that value the inner <code>.progress-bar</code> will automatically resize accordingly.</p>\n            <b-collapse id=\"collapse-2\" class=\"mb-2\">\n              <div class=\"card\">\n                <kbd class=\"bg-dark\">\n                  <pre class=\"text-white\" id=\"heights-1\">\n                    <code>\n&lt;b-progress :value=\"25\" show-progress max=\"100\" height=\"3px\" class=\"mb-3\"&gt;&lt;/b-progress&gt;\n&lt;b-progress :value=\"50\" show-progress max=\"100\" height=\"10px\" class=\"mb-3\"&gt;&lt;/b-progress&gt;\n&lt;b-progress :value=\"75\" show-progress max=\"100\" height=\"15px\" class=\"mb-3\"&gt;&lt;/b-progress&gt;\n&lt;b-progress :value=\"100\" show-progress max=\"100\" height=\"20px\" &gt;&lt;/b-progress&gt;\n</code></pre>\n                </kbd>\n              </div>\n            </b-collapse>\n            <b-progress :value=\"25\" show-progress max=\"100\" height=\"3px\" class=\"mb-3\"></b-progress>\n            <b-progress :value=\"50\" show-progress max=\"100\" height=\"10px\" class=\"mb-3\"></b-progress>\n            <b-progress :value=\"75\" show-progress max=\"100\" height=\"15px\" class=\"mb-3\"></b-progress>\n            <b-progress :value=\"99\" show-progress max=\"100\" height=\"20px\"></b-progress>\n          </template>\n        </iq-card>\n        <iq-card>\n          <template v-slot:headerTitle>\n            <h4 class=\"card-title\">Animated stripes</h4>\n          </template>\n          <template v-slot:headerAction>\n            <a class=\"text-primary float-right\" v-b-toggle.collapse-3 role=\"button\">\n              <i class=\"ri-code-s-slash-line\" />\n            </a>\n          </template>\n          <template v-slot:body>\n            <p>The striped gradient can also be animated. Add <code>.progress-bar-animated</code> to <code>.progress-bar</code> to animate the stripes right to left via CSS3 animations.</p>\n            <b-collapse id=\"collapse-3\" class=\"mb-2\">\n              <div class=\"card\">\n                <kbd class=\"bg-dark\">\n                  <pre class=\"text-white\" id=\"animated-stripe-1\">\n                    <code>\n&lt;b-progress :value=\"75\" animated max=\"100\" class=\"mb-3\"&gt;&lt;/b-progress&gt;\n&lt;b-progress :value=\"75\" variant=\"success\" animated max=\"100\"&gt;&lt;/b-progress&gt;\n</code></pre>\n                </kbd>\n              </div>\n            </b-collapse>\n            <b-progress :value=\"75\" animated max=\"100\" class=\"mb-3\"></b-progress>\n            <b-progress :value=\"75\" variant=\"success\" animated max=\"100\"></b-progress>\n          </template>\n        </iq-card>\n      </b-col>\n      <b-col lg=\"6\" sm=\"12\">\n        <iq-card>\n          <template v-slot:headerTitle>\n            <h4 class=\"card-title\">Labels</h4>\n          </template>\n          <template v-slot:headerAction>\n            <a class=\"text-primary float-right\" v-b-toggle.collapse-4 role=\"button\">\n              <i class=\"ri-code-s-slash-line\" />\n            </a>\n          </template>\n          <template v-slot:body>\n            <p>Add labels to your progress bars by placing text within the <code>.progress-bar</code>.</p>\n            <b-collapse id=\"collapse-4\" class=\"mb-2\">\n              <div class=\"card\">\n                <kbd class=\"bg-dark\">\n                  <pre class=\"text-white\" id=\"labels-1\">\n                    <code>\n&lt;b-progress :value=\"25\" show-progress max=\"100\" class=\"mb-3\"&gt;&lt;/b-progress&gt;\n&lt;b-progress :value=\"50\" show-progress max=\"100\" class=\"mb-3\"&gt;&lt;/b-progress&gt;\n&lt;b-progress :value=\"75\" show-progress max=\"100\" class=\"mb-3\"&gt;&lt;/b-progress&gt;\n&lt;b-progress :value=\"100\" show-progress max=\"100\"&gt;&lt;/b-progress&gt;\n</code></pre>\n                </kbd>\n              </div>\n            </b-collapse>\n            <b-progress :value=\"25\" show-progress max=\"100\" class=\"mb-3\"></b-progress>\n            <b-progress :value=\"50\" show-progress max=\"100\" class=\"mb-3\"></b-progress>\n            <b-progress :value=\"75\" show-progress max=\"100\" class=\"mb-3\"></b-progress>\n            <b-progress :value=\"99\" show-progress max=\"100\"></b-progress>\n          </template>\n        </iq-card>\n        <iq-card>\n          <template v-slot:headerTitle>\n            <h4 class=\"card-title\">Backgrounds</h4>\n          </template>\n          <template v-slot:headerAction>\n            <a class=\"text-primary float-right\" v-b-toggle.collapse-5 role=\"button\">\n              <i class=\"ri-code-s-slash-line\" />\n            </a>\n          </template>\n          <template v-slot:body>\n            <p>Use background utility classes to change the appearance of individual progress bars.</p>\n            <b-collapse id=\"collapse-5\" class=\"mb-2\">\n              <div class=\"card\">\n                <kbd class=\"bg-dark\">\n                  <pre class=\"text-white\" id=\"backgrounds-1\">\n                    <code>\n&lt;b-progress :value=\"25\" variant=\"success\" max=\"100\" class=\"mb-3\"&gt;&lt;/b-progress&gt;\n&lt;b-progress :value=\"50\" variant=\"info\" max=\"100\" class=\"mb-3\"&gt;&lt;/b-progress&gt;\n&lt;b-progress :value=\"75\" variant=\"warning\" max=\"100\" class=\"mb-3\"&gt;&lt;/b-progress&gt;\n&lt;b-progress :value=\"100\" variant=\"danger\" max=\"100\"&gt;&lt;/b-progress&gt;\n</code></pre>\n                </kbd>\n              </div>\n            </b-collapse>\n            <b-progress :value=\"25\" variant=\"success\" max=\"100\" class=\"mb-3\"></b-progress>\n            <b-progress :value=\"50\" variant=\"info\" max=\"100\" class=\"mb-3\"></b-progress>\n            <b-progress :value=\"75\" variant=\"warning\" max=\"100\" class=\"mb-3\"></b-progress>\n            <b-progress :value=\"100\" variant=\"danger\" max=\"100\"></b-progress>\n          </template>\n        </iq-card>\n        <iq-card>\n          <template v-slot:headerTitle>\n            <h4 class=\"card-title\">Multiple bars</h4>\n          </template>\n          <template v-slot:headerAction>\n            <a class=\"text-primary float-right\" v-b-toggle.collapse-6 role=\"button\">\n              <i class=\"ri-code-s-slash-line\" />\n            </a>\n          </template>\n          <template v-slot:body>\n            <p>Include multiple progress bars in a progress component if you need.</p>\n            <b-collapse id=\"collapse-6\" class=\"mb-2\">\n              <div class=\"card\">\n                <kbd class=\"bg-dark\">\n                  <pre class=\"text-white\" id=\"multiple-bars-1\">\n                    <code>\n&lt;b-progress max=\"100\"&gt;\n  &lt;b-progress-bar variant=\"primary\" :value=\"15\"&gt;&lt;/b-progress-bar&gt;\n  &lt;b-progress-bar variant=\"success\" :value=\"30\"&gt;&lt;/b-progress-bar&gt;\n  &lt;b-progress-bar variant=\"info\" :value=\"20\"&gt;&lt;/b-progress-bar&gt;\n&lt;/b-progress&gt;\n</code></pre>\n                </kbd>\n              </div>\n            </b-collapse>\n            <b-progress max=\"100\">\n              <b-progress-bar variant=\"primary\" :value=\"15\"></b-progress-bar>\n              <b-progress-bar variant=\"success\" :value=\"30\"></b-progress-bar>\n              <b-progress-bar variant=\"info\" :value=\"20\"></b-progress-bar>\n            </b-progress>\n          </template>\n        </iq-card>\n        <iq-card>\n          <template v-slot:headerTitle>\n            <h4 class=\"card-title\">Striped</h4>\n          </template>\n          <template v-slot:headerAction>\n            <a class=\"text-primary float-right\" v-b-toggle.collapse-7 role=\"button\">\n              <i class=\"ri-code-s-slash-line\" />\n            </a>\n          </template>\n          <template v-slot:body>\n            <p>Add <code>.progress-bar-striped</code> to any <code>.progress-bar</code> to apply a stripe via CSS gradient over the progress bar’s background color.</p>\n            <b-collapse id=\"collapse-7\" class=\"mb-2\">\n              <div class=\"card\">\n                <kbd class=\"bg-dark\">\n                  <pre class=\"text-white\" id=\"striped-1\">\n                    <code>\n&lt;b-progress :value=\"10\" striped max=\"100\" class=\"mb-3\"&gt;&lt;/b-progress&gt;\n&lt;b-progress :value=\"25\" striped variant=\"success\" max=\"100\" class=\"mb-3\"&gt;&lt;/b-progress&gt;\n&lt;b-progress :value=\"50\" striped variant=\"info\" max=\"100\" class=\"mb-3\"&gt;&lt;/b-progress&gt;\n&lt;b-progress :value=\"75\" striped variant=\"warning\" max=\"100\" class=\"mb-3\"&gt;&lt;/b-progress&gt;\n&lt;b-progress :value=\"100\" striped variant=\"danger\" max=\"100\"&gt;&lt;/b-progress&gt;\n</code></pre>\n                </kbd>\n              </div>\n            </b-collapse>\n            <b-progress :value=\"10\" striped max=\"100\" class=\"mb-3\"></b-progress>\n            <b-progress :value=\"25\" striped variant=\"success\" max=\"100\" class=\"mb-3\"></b-progress>\n            <b-progress :value=\"50\" striped variant=\"info\" max=\"100\" class=\"mb-3\"></b-progress>\n            <b-progress :value=\"75\" striped variant=\"warning\" max=\"100\" class=\"mb-3\"></b-progress>\n            <b-progress :value=\"100\" striped variant=\"danger\" max=\"100\"></b-progress>\n          </template>\n        </iq-card>\n      </b-col>\n    </b-row>\n  </b-container>\n</template>\n<script>\nimport { core } from '../../config/pluginInit'\n\nexport default {\n  name: 'UiProgressBars',\n  mounted () {\n    core.index()\n  }\n}\n</script>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UiProgressBars.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UiProgressBars.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./UiProgressBars.vue?vue&type=template&id=ca3a25ba&\"\nimport script from \"./UiProgressBars.vue?vue&type=script&lang=js&\"\nexport * from \"./UiProgressBars.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}