1
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-29 08:10:47 +02:00

stack mutliple progress bars

This commit is contained in:
Jonas Pommerening
2012-08-20 10:12:03 +02:00
parent e510306196
commit a1951ed7c0
2 changed files with 29 additions and 8 deletions

View File

@@ -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">