MediaWiki:ProgressBar.css

/* Default styling */ .progress { background: #eee; position: relative; z-index: 0; } .progress > .bar { background: #ccc; position: absolute; bottom: 0; text-align: right; /* label alignment */ z-index: -1; } .progress > .text { display: block; } .progress + .progress { margin-top: 3px; }

/* Dark */ .dark.progress { color: #fff; } .dark.progress > .bar { background: #555; }

/* Gradient */ .gradient.progress { color: #fff; } .gradient.progress > .bar { background: -webkit-linear-gradient(-45deg, transparent 33%, rgba(0, 0, 0, .1) 33%, rgba(0,0, 0, .1) 66%, transparent 66%), -webkit-linear-gradient(top, rgba(255, 255, 255, .25), rgba(0, 0, 0, .25)), -webkit-linear-gradient(left, #09c, #f44); }

/* Round corner */ .round.progress { border-radius: 11px; } .round.progress > .bar { border-radius: 11px 0 0 11px; }

/* Inner shadow */ .inner.progress { box-shadow: inset 0 1px 5px #aaa; }