Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

progress component height can not working #210

Open
zhengchun opened this issue Jan 10, 2019 · 1 comment
Open

progress component height can not working #210

zhengchun opened this issue Jan 10, 2019 · 1 comment

Comments

@zhengchun
Copy link

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
Copy link
Contributor

sesemaya commented Apr 4, 2019

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 sesemaya added this to the Backfilling Bootstrap v4.4.1 milestone Jan 8, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants