dojox/mobile/themes/windows/ProgressBar.css

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.

/* 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;
}