Progress Bar color not changing

I am not able to change the color of the progress bar
Picture
All of them shows the same color, I simply copy and paste the code from SKT Skill Bar without modifying it.

[skillwrapper type="bar"]
    [skill title_background="#f7a53b" bar_foreground="#f7a53b" bar_background="#eeeeee" percent="90" title="CSS3"]
    [skill title_background="#6adcfa" bar_foreground="#6adcfa" bar_background="#eeeeee" percent="55" title="WordPress"]
    [skill title_background="#fa6e6e" bar_foreground="#fa6e6e" bar_background="#eeeeee" percent="85" title="PHP"]
    [skill title_background="#336699" bar_foreground="#336699" bar_background="#eeeeee" percent="100" title="jQuery"]
[/skillwrapper]

However, if I use the half circle progress bar, the color changed correctly.

I am using SKT White paid theme, if that matters.

Thanks

https://www.ads-software.com/plugins/skt-skill-bar/