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.
34 lines (33 loc) • 1.11 kB
CSS
/* dojox.mobile.ProgressBar */
.mblProgressBar {
position: relative;
border-radius: 6px;
height: 9px;
background-image: -webkit-gradient(linear, left top, left bottom, from(#a5a6a5), to(#b5b6b5), color-stop(0.5, #d6d7d6), color-stop(0.5, #ffffff), color-stop(0.9, #ffffff));
background-image: linear-gradient(to bottom, #a5a6a5 0%, #d6d7d6 50%, #ffffff 50%, #ffffff 90%, #b5b6b5 100%);
}
.mblProgressBarProgress {
-webkit-transition-property: width;
transition-property: width;
-webkit-transition-duration: 0.25s;
transition-duration: 0.25s;
height: 7px;
border: 1px solid #5e6fa3;
border-radius: 6px;
background-image: -webkit-gradient(linear, left top, left bottom, from(#b0c0ff), to(#2f83e1), color-stop(0.6, #70b2ff), color-stop(0.6, #3470b6));
background-image: linear-gradient(to bottom, #b0c0ff 0%, #70b2ff 60%, #3470b6 60%, #2f83e1 100%);
}
.mblProgressBarNotStarted {
border-left: none;
border-right: none;
}
.mblProgressBarMsg {
position: absolute;
top: 0px;
width: 100%;
height: 100%;
text-align: center;
font-size: 12px;
top: -1px;
font-size: 10px;
}