"progressBarrProgress" in Firefox - not filling 100% like in Chrome.

[alina.frey]

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:

        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;
            }
        });

CSS

.progressbar,
.progressbarOver,
.progressbarDown,
.progressbarSelected {
    width: 100% !important;
    height: 24px;
}

.progressbarProgress,
.progressbarProgressOver,
.progressbarProgressDown,
.progressbarProgressSelected {
    width: 100% !important;
    height: 24px;
}

Firefox:




Chrome: