search

Daemonite / material

Material Design for Bootstrap 4
http://daemonite.github.io/material/
MIT License
3.2k stars 720 forks source link

progress component height can not working #210

Open zhengchun opened 5 years ago

zhengchun commented 5 years ago

http://daemonite.github.io/material/docs/4.1/components/progress/#height

<div class="progress" style="height: 20px;">
  <div class="progress-bar" role="progressbar" style="width: 25%;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
</div>

change progress height style but always default. The official bootstrap framework can work.

sesemaya commented 5 years ago

This may not be very easy to achieve mainly because progress bar's label (http://daemonite.github.io/material/docs/4.1/components/progress/#labels) has to be displayed above the bar based on Material Design guideline instead of inside the bar like Bootstrap. As a result, I had to use border-bottom rather than background-color to style the bar.