Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!


Topic: ProgressBar - Height doesnt take effect

4ntibala pro asked 6 years ago


Hi, i am pro user and i am trying to implement the progressbar. In the docs it is written that the height parameters has to be set. I am doing so via scss.. but it just doesnt change the height - never. Is there a bug or am I doing something wrong? Thanks
<mdb-progress value="25" min="0" max="100" type="success" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100">25%</mdb-progress

.progress-bar, .progress {
height: 40px !important;
}

Damian Gemza staff answered 6 years ago


Dear @4ntibala Please do not duplicate tickets on the forum. If you need to edit your post, please edit it instead of creating the new one. About your problem: You have to insert those styles in styles.scss file instead of component styles. This is caused by this, that this code is overwriting the existing Bootstrap code. And overwrite could be done only in styles.scss stylesheet. Best Regards, Damian

Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Resolved

Specification of the issue

  • ForumUser: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 6.2.3
  • Device: Desktop
  • Browser: Chrome
  • OS: Mint 18.2
  • Provided sample code: No
  • Provided link: No
Tags