2011-05-10 05:59:07 -07:00
|
|
|
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: 2px solid;
|
2011-05-23 13:51:03 -07:00
|
|
|
-moz-border-top-colors: ThreeDShadow #e6e6e6;
|
|
|
|
-moz-border-right-colors: ThreeDHighlight #e6e6e6;
|
|
|
|
-moz-border-bottom-colors: ThreeDHighlight #e6e6e6;
|
|
|
|
-moz-border-left-colors: ThreeDShadow #e6e6e6;
|
|
|
|
background-color: #e6e6e6;
|
2011-05-10 05:59:07 -07:00
|
|
|
}
|
|
|
|
|
2011-06-01 03:27:46 -07:00
|
|
|
div.progress-element.vertical {
|
|
|
|
height: 10em;
|
|
|
|
width: 1em;
|
|
|
|
}
|
|
|
|
|
2011-05-10 05:59:07 -07:00
|
|
|
div.progress-bar {
|
|
|
|
-moz-appearance: progresschunk;
|
|
|
|
height: 100%;
|
2011-05-06 02:56:47 -07:00
|
|
|
/*
|
|
|
|
* We can't apply the following style to the reference because it will have
|
|
|
|
* underisable effectes:
|
|
|
|
* width: 100%;
|
|
|
|
*/
|
2011-05-10 05:59:07 -07:00
|
|
|
|
2011-05-16 03:19:27 -07:00
|
|
|
-moz-box-sizing: border-box;
|
|
|
|
|
2011-05-10 05:59:07 -07:00
|
|
|
/* Default style in case of there is -moz-appearance: none; */
|
2011-05-23 13:51:03 -07:00
|
|
|
background-color: #0064b4;
|
2011-05-10 05:59:07 -07:00
|
|
|
}
|
2011-05-06 02:52:05 -07:00
|
|
|
|
|
|
|
progress, progress::-moz-progress-bar, div.progress-element, div.progress-bar {
|
|
|
|
-moz-appearance: none;
|
|
|
|
}
|