Progress bar not updating with Chrome, Safari (webkit) - help!!??

Progress bar not updating with Chrome, Safari (webkit) - help!!??

Hi,

I am fairly new to all of this, so please pardon my ignorance.  I have a simple problem that I cannot figure out.

I want to set up a progress dialog that will show the progress as I write a bunch of things to my database.

I set up the progress bar, and then enter a for loop to start adding records to the database.  After the record is written, I update the progress bar.  When everything is done, I close the progress bar.

This all works fine in Firefox, but on the webkit browsers, the dialog never appears and of course doesn't update!  If I stick an alert in there to "stop the action" it will work, but I don't want to do that!  Do you have any suggestion of what I am doing wrong?

Here is some basic pseudo-code to show what I am trying to do:
var DoSomeThing = function() {
    var i;
     var sectionLength = 10;

    //Create the progress dialog box
    createProgressDialog("Adding Sections");
    var incrValue = 100 /  sectionLength;
    var progressVal = 0;
//alert("About to start.");
    for (i=0;i<  sectionLength;i++) {

        // Add the new member to the data structure
        if (updateSectionsDatabaseRecord((newMember-1), "add") != 0) {
            console.debug("Error");
        }

//alert("About to update.");
        updateProgressDialog("Wasting iteration "+i, (progressVal+=incrValue));
    }
    // close our progress dialog
    closeProgressDialog();
}    

Thanks for helping this noob out!