stack mutliple progress bars

1 files changed, 20 insertions, 0 deletions

diff --git a/docs/components.html b/docs/components.html
index e4bb55188..0eb929d83 100644
--- a/docs/components.html
+++ b/docs/components.html
@@ -2067,6 +2067,26 @@
 </div>
 </pre>
 
+          <h3>Stacked</h3>
+          <p>Place multiple bars into the same <code>.progress</code> to stack them.</p>
+          <div class="bs-docs-example">
+            <div class="progress">
+              <div class="bar-success" style="width: 35%"></div>
+              <div class="bar-warning" style="width: 20%"></div>
+              <div class="bar-danger" style="width: 10%"></div>
+            </div>
+          </div>
+<pre class="prettyprint linenums">
+&lt;div class="progress"&gt;
+  &lt;div class="bar-success"
+       style="width: 35%;"&gt;&lt;/div&gt;
+  &lt;div class="bar-warning"
+       style="width: 20%;"&gt;&lt;/div&gt;
+  &lt;div class="bar-danger"
+       style="width: 10%;"&gt;&lt;/div&gt;
+&lt;/div&gt;
+</pre>
+
 
           <hr class="bs-docs-separator">