Unable to Adjust Height on Progress Bar


Topic: Unable to Adjust Height on Progress Bar

kuobenja asked 6 years ago

I am trying to adjust the height of a progress bar following the example provided here https://mdbootstrap.com/docs/angular/components/progress-bar/#height but the height never goes over 4px. It looks like the value is being overridden with a value from the _progress.scss file in scss/angular/pro.


Damian Gemza staff answered 6 years ago

Dear kuobenja,

You have to add the below styles to the styles.scss file instead of component.scss file:

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

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
  • User: Free
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 7.4.3
  • Device: Desktop
  • Browser: Chrome
  • OS: Windows
  • Provided sample code: No
  • Provided link: Yes