material icon indicating copy to clipboard operation
material copied to clipboard

progress component height can not working

Open zhengchun opened this issue 5 years ago • 1 comments

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.

zhengchun avatar Jan 10 '19 11:01 zhengchun

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.

sesemaya avatar Apr 04 '19 05:04 sesemaya