[Solved] Above header progress bar

[insuusvenerati]

Does anyone know how to change the progress bar that shows up above the header when going to different pages? I tried overriding .progress-bar but it had no affect.

[yariplus]

[role="bar"] is the CSS selector you want.

Source

[insuusvenerati]

So it needs to be in JS not CSS?

[yariplus]

No, I just showed the selector the js is using. Actually, persona strangely doesn't actually use that selector, you'll need to use #nprogress .bar if you want to override styles.

#nprogress .bar {
    background: red;
}

default styles here

[insuusvenerati]

@yariplus

Thank you. I'll try this out.

Edit: Worked perfectly! Thank you again.