diff options
| author | Mark Otto <[email protected]> | 2014-02-08 16:01:56 -0800 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2014-02-08 16:01:56 -0800 |
| commit | e3cfd5821db94df0d6eb483d1f859da9dddd55a8 (patch) | |
| tree | 8af2dc5a1442b8974ecc7809ca516f2c67fde39b /docs/components.html | |
| parent | 08ff305ed7ba689238d4524b0285d37d15aaf8fa (diff) | |
| parent | 842af44fccb338f165eb2ea64bdaffd999850881 (diff) | |
| download | bootstrap-e3cfd5821db94df0d6eb483d1f859da9dddd55a8.tar.xz bootstrap-e3cfd5821db94df0d6eb483d1f859da9dddd55a8.zip | |
Merge branch 'master' into pr/12462
Conflicts:
dist/css/bootstrap.css.map
dist/css/bootstrap.min.css
docs/dist/css/bootstrap.css.map
docs/dist/css/bootstrap.min.css
Diffstat (limited to 'docs/components.html')
| -rw-r--r-- | docs/components.html | 17 |
1 files changed, 17 insertions, 0 deletions
diff --git a/docs/components.html b/docs/components.html index 264e9c763..efa8a0519 100644 --- a/docs/components.html +++ b/docs/components.html @@ -2263,6 +2263,23 @@ body { padding-bottom: 70px; } </div> {% endhighlight %} + <h3 id="progress-label">With label</h3> + <p>Remove the <code>.sr-only</code> class from within the progress bar to show a visible percentage. For low percentages, consider adding a <code>min-width</code> to ensure the label's text is fully visible.</p> + <div class="bs-example"> + <div class="progress"> + <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;"> + 60% + </div> + </div> + </div> +{% highlight html %} +<div class="progress"> + <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;"> + 60% + </div> +</div> +{% endhighlight %} + <h3 id="progress-alternatives">Contextual alternatives</h3> <p>Progress bars use some of the same button and alert classes for consistent styles.</p> <div class="bs-example"> |