dojox
Version:
Dojo eXtensions, a rollup of many useful sub-projects and varying states of maturity – from very stable and robust, to alpha and experimental. See individual projects contain README files for details.
49 lines (48 loc) • 975 B
CSS
/* dojox.mobile.ProgressBar */
.mblProgressBar {
position: relative;
height: 3px;
background-color: transparent;
border: none;
margin-top: 8px;
margin-bottom: 8px;
}
.mblProgressBarProgress {
-webkit-transition-property: width;
transition-property: width;
-webkit-transition-duration: 0.25s;
transition-duration: 0.25s;
height: 3px;
border: none;
background-color: Highlight;
}
.mblProgressBarNotStarted {
border-left: none;
border-right: none;
}
.mblProgressBarMsg {
position: absolute;
top: 0px;
width: 100%;
height: 100%;
text-align: center;
font-size: 12px;
top: 3px;
}
.mblProgressBar:before {
content: '';
position: absolute;
height: 3px;
width: 100%;
background-color: Highlight;
opacity: 0.2;
}
.mblProgressBar[disabled]:before {
background-color: #808080;
}
.mblProgressBar[disabled] .mblProgressBarProgress {
background-color: #808080;
}
.mblProgressBar[disabled] .mblProgressBarMsg {
color: #808080;
}