Having issues with "progressBarrProgress" in Firefox. It's not filling 100% like in Chrome.
My CSS is intended to override the style inherited from smartclient theme Stratus.
If not introducing width = 100% in the CSS, the progress bars would stay at a third of desired width (not sure why). With width: 100% added to the css file, the progressbar is extended to the desired width, but progressbarProgress expands to about 30% in FireFox. In Chrome progressbarProgress behaves correctly.
Any suggestion is greatly appreciated.
CODE:
CSS
Firefox:
Chrome:
My CSS is intended to override the style inherited from smartclient theme Stratus.
If not introducing width = 100% in the CSS, the progress bars would stay at a third of desired width (not sure why). With width: 100% added to the css file, the progressbar is extended to the desired width, but progressbarProgress expands to about 30% in FireFox. In Chrome progressbarProgress behaves correctly.
Any suggestion is greatly appreciated.
CODE:
Code:
final Progressbar currFileProgBar = new Progressbar(); final Progressbar allFileProgBar = new Progressbar(); final Label currFileProgBarLabel = new Label("Current File Progress"); final Label allFileProgBarLabel = new Label("Total Progress"); ... // called as files are uploaded to update progress bars uploader.setUploadProgressHandler(new UploadProgressHandler() { // called continuously as file is being uploaded public boolean onUploadProgress(UploadProgressEvent uploadProgressEvent) { Double curPctDone = (uploadProgressEvent.getBytesComplete() / (double) uploadProgressEvent.getBytesTotal()) * 100; currFileProgBarLabel.setContents("<b>" + uploadProgressEvent.getFile().getName() + " (Progress: " + curPctDone.intValue() + "%)</b>"); currFileProgBar.setPercentDone(curPctDone.intValue()); if (curPctDone >= 100) { numFilesProcessed++; } totalPctDone = (numFilesProcessed / (double) numTotalUploadFiles) * 100; // limit totalPctDone to 100 if it ever exceeds it if (totalPctDone > 100) { totalPctDone = 100.0; } allFileProgBarLabel .setContents("<b>Total Progress: " + totalPctDone.intValue() + "%</b>"); allFileProgBar.setPercentDone(totalPctDone.intValue()); return true; } });
Code:
.progressbar, .progressbarOver, .progressbarDown, .progressbarSelected { width: 100% !important; height: 24px; } .progressbarProgress, .progressbarProgressOver, .progressbarProgressDown, .progressbarProgressSelected { width: 100% !important; height: 24px; }
Chrome: