.i-progressindicator {
background: #dfe2e4 url(img/base.gif);
- height: 9px;
- border: 1px solid #b6bbbc;
overflow: hidden; /* for IE6 */
width: 150px;
}
-
+.i-progressindicator-wrapper {
+ border: 1px solid #b6bbbc;
+ overflow: hidden; /* for IE6 */
+ height: 9px;
+}
.i-progressindicator-disabled {
background: #dfe2e4 url(img/disabled.gif);
height: 9px;
overflow: hidden; /* for IE6 */
}
-.i-progressindicator div {
+.i-progressindicator-indicator {
background: #f7f9f9 url(img/progress.png);
height: 9px;
overflow: hidden; /* for IE6 */
}
.i-progressindicator {
background: #dfe2e4 url(progressindicator/img/base.gif);
- height: 9px;
- border: 1px solid #b6bbbc;
overflow: hidden; /* for IE6 */
width: 150px;
}
-
+.i-progressindicator-wrapper {
+ border: 1px solid #b6bbbc;
+ overflow: hidden; /* for IE6 */
+ height: 9px;
+}
.i-progressindicator-disabled {
background: #dfe2e4 url(progressindicator/img/disabled.gif);
height: 9px;
overflow: hidden; /* for IE6 */
}
-.i-progressindicator div {
+.i-progressindicator-indicator {
background: #f7f9f9 url(progressindicator/img/progress.png);
height: 9px;
overflow: hidden; /* for IE6 */
private boolean pollerSuspendedDueDetach;
public IProgressIndicator() {
- setElement(wrapper);
+ setElement(DOM.createDiv());
+ getElement().appendChild(wrapper);
setStyleName(CLASSNAME);
- DOM.appendChild(wrapper, indicator);
+ wrapper.appendChild(indicator);
+ indicator.setClassName(CLASSNAME + "-indicator");
+ wrapper.setClassName(CLASSNAME + "-wrapper");
poller = new Poller();
}