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:
@@ -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">
|
||||
<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>
|
||||
</pre>
|
||||
|
||||
|
||||
<hr class="bs-docs-separator">
|
||||
|
||||
|
Reference in New Issue
Block a user