root
/
bootstrap
mirror of https://github.com/twbs/bootstrap.git
1
0
Fork 0
Code Issues Actions 13 Packages Projects Releases Wiki Activity

Update progress.md to reflect setting height on .progress

This commit is contained in:
Dave 2017-05-26 10:52:15 -07:00 committed by Mark Otto
parent c2c06bc581
commit 2a2231d55b
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
docs/4.0/components/progress.md
View File

@ -55,14 +55,14 @@ Add labels to your progress bars by placing text within the `.progress-bar`.
## Height ## Height
We only set a `height` value on the `.progress-bar`, so if you change that value the outer `.progress` will automatically resize accordingly. We only set a `height` value on the `.progress`, so if you change that value the inner `.progress-bar` will automatically resize accordingly.
{% example html %} {% example html %}
<div class="progress"> <div class="progress" style="height: 1px;">
<div class="progress-bar" role="progressbar" style="width: 25%; height: 1px;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div> <div class="progress-bar" role="progressbar" style="width: 25%;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
</div> </div>
<div class="progress"> <div class="progress" style="height: 20px;">
<div class="progress-bar" role="progressbar" style="width: 25%; height: 20px;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div> <div class="progress-bar" role="progressbar" style="width: 25%;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
</div> </div>
{% endexample %} {% endexample %}