can I change the progress bar appearance?

[ugggf]

Any ideas how to change the size of the progress bar? I' ve already changed the height of status bar from userchrome. What about the progress indicator?

[laszlo]

How about this?

Code: Select all

.progressmeter-statusbar {
  ...
}

[David James]

I for one would also love to know so I can cut down the height of the status bar in the Pinball theme. But don't rush; I'm not working on it for another 2 or 3 weeks

[seb]

David, did you try this?

#status-bar {
max-height:15px !important;
}

.progressmeter-statusbar {
max-height: 12px !important;
}

[David James]

Thanks Seb... now you've gone out and got me to spend some time on this. Sheesh. It is working, btw, though I had to scale down the (i) icon a bit to prevent the statusbar from growing and contracting. The secure site icon does not seem to be a problem at this height, though I suspect if it was reduced anymore it would be. I'll be posting the newly contracted Pinball later today, but I first want to cut out some of the space between the Menu bar items.

[David James]

Ok, this should make everyone a little happier... Pinball with smaller status bar and menubar padding. Just go to this page to get it.

screenshot

[ugggf]

Thanks everybody, that's exactly what I was looking for...

[ugggf]

Hmm, now I want to change the progress-bar color. Background-color works but cannot change the active part color. Any ideas?

[rbrimhall]

David, did you try this?

#status-bar {
max-height:15px !important;
}

.progressmeter-statusbar {
max-height: 12px !important;
}

This works great but how can you decrease font size?

[laszlo]

You could try something like this:

Code: Select all

#statusbar-display {
  font-size: 80% !important;
}

[rbrimhall]

You could try something like this:

Code: Select all

#statusbar-display {
  font-size: 80% !important;
}

Works! Used 85%... Thanks!!