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.
36 lines (35 loc) • 1.12 kB
CSS
/* dojox.mobile.ProgressBar */
.mblProgressBar {
position: relative;
border-radius: 6px;
height: 22px;
background-image: -webkit-gradient(linear, left top, left bottom, from(#545454), to(#414141), color-stop(0.3, #313031), color-stop(0.85, #293031));
background-image: linear-gradient(to bottom, #545454 0%, #313031 30%, #293031 85%, #414141 100%);
}
.mblProgressBarProgress {
-webkit-transition-property: width;
transition-property: width;
-webkit-transition-duration: 0.25s;
transition-duration: 0.25s;
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
background-image: -webkit-gradient(linear, left top, left bottom, from(#adf708), to(#5a8e00), color-stop(0.5, #7bbe08), color-stop(0.9, #63a600));
background-image: linear-gradient(to bottom, #adf708 0%, #7bbe08 50%, #63a600 90%, #5a8e00 100%);
height: 22px;
}
.mblProgressBarComplete {
border-radius: 6px;
}
.mblProgressBarNotStarted {
border-left: none;
border-right: none;
}
.mblProgressBarMsg {
position: absolute;
top: 0px;
width: 100%;
height: 100%;
text-align: center;
font-size: 12px;
top: 3px;
}