Make Progress Bar Opaque

I'm struggling to make the progress bar totally opaque. I have set the bar to remain fixed at the top of the page. However, the opacity setting still allows the survey question text to be seen through the progress bar, which is really distracting.

.Skin .ProgressBarContainer label{
text-transform: uppercase;
font-size: 16px;
color: #ffffff;
height: 30pt;
position: fixed;
top: 10px;
right: 0;
left: 0;
opacity: 1;
}

.Skin .ProgressBarFill{
height: 30pt;
opacity: 1;
}

.Skin .ProgressBarContainer{
top: 0;
position: fixed;
opacity: 1;
}

Any advice would be massively appreciated!