12
Views
3
Comments
Solved
Changing colour of progress bar
Question

Hi there I'm trying to change the colours on my progress bar.

Can someone please advise on how to do this?

Kind Regards

Rank: #68
Solution

Hi Shaan,


You just need to add the following CSS:


.progress-bar {

    background-color: blue;

}


.progress {

    background-color: green;

}


Results below:



You just replace the blue and green for the colors you want.


Hope it helps.

Cheers,

João

Rank: #6015

Hi Joao 

Does the CSS need to be put in a container? Because the progress bar doesn't allow CSS to be put into it?

 

 

Rank: #68

Hi Shaan,


No need. The Outsystems ui widget produces the two elements with these classes so you don't need to enclose it.


Just set the CSS on the theme you're using and that should do the trick.


Cheers,

João