.claro .dijitProgressBarEmpty {
/* outer container and background of the bar that's not finished yet*/
- background: #ffffff url("images/progressBarEmpty.png") repeat-none left;
- border-color: #769dc0;
+ background: #ffffff url("images/progressBarEmpty.png") no-repeat left;
+ border-color: #759dc0;
}
.claro .dijitProgressBarTile {
/* inner container for finished portion when in 'tile' (image) mode */
background-image: none;
}
.claro .dijitProgressBarFull {
- border-right: 1px solid #769dc0;
+ border-right: 1px solid #759dc0;
+ -webkit-transition-property: width;
+ -moz-transition-property: width;
+ transition-property: width;
+ -webkit-transition-duration: 0.25s;
+ -moz-transition-duration: 0.25s;
+ transition-duration: 0.25s;
}
.claro .dijitProgressBarLabel {
/* Set to a color that contrasts with both the "Empty" and "Full" parts. */