Skip to content

progress component height can not working #210

Open
Open
progress component height can not working#210
Labels
enhancement
Milestone
Backfilling Bootstrap v4.4.1

Description

@zhengchun
zhengchun
opened on Jan 10, 2019

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.

Activity

  1. sesemaya
    added
    enhancement
    on Apr 4, 2019

  2. sesemaya commented on Apr 4, 2019

    @sesemaya
    sesemaya
    on Apr 4, 2019
    Contributor

    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.

  3. sesemaya
    added this to the Backfilling Bootstrap v4.4.1 milestone on Jan 8, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancement

    Type

    No type

    Projects

    No projects

      Milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions