37 lines
847 B
CSS
37 lines
847 B
CSS
div.progress-element {
|
|
-moz-appearance: progressbar;
|
|
display: inline-block;
|
|
height: 1em;
|
|
width: 10em;
|
|
vertical-align: -0.2em;
|
|
|
|
/* Default style in case of there is -moz-appearance: none; */
|
|
border: 1px solid ThreeDShadow;
|
|
border-right-color: ThreeDHighlight;
|
|
border-bottom-color: ThreeDHighlight;
|
|
background-color: #e6e6e6;
|
|
}
|
|
|
|
div.progress-element.vertical {
|
|
height: 10em;
|
|
width: 1em;
|
|
}
|
|
|
|
div.progress-bar {
|
|
-moz-appearance: progresschunk;
|
|
height: 100%;
|
|
/*
|
|
* We can't apply the following style to the reference because it will have
|
|
* underisable effectes:
|
|
* width: 100%;
|
|
*/
|
|
|
|
box-sizing: border-box;
|
|
|
|
/* Default style in case of there is -moz-appearance: none; */
|
|
background-color: #0064b4;
|
|
}
|
|
|
|
progress, progress::-moz-progress-bar, div.progress-element, div.progress-bar {
|
|
-moz-appearance: none;
|
|
}
|