change color in progress bar?

0
i see this question posted but the methods given do not work for me. i am using the progress bar widget and attempting to add a class name and change the background (or background-color) in scss but to no avail. any ideas on how this can be done?
asked
1 answers
1

I have styled some progress bars by applying classes to them and using this scss

 

.widget-progress-bar.progress-distance-ahead .progress-bar {

    background-color: $brand-success;

}

.widget-progress-bar.progress-distance-behind .progress-bar {

    background-color: $brand-danger;

}

.progress-distance-behind > .progress {

    background-color: $brand-danger-background;

    width:$progress-size;

}

.progress-distance-ahead > .progress {

    background-color: $brand-success-background;

    width:$progress-size;

}

answered