Tengo un framework bootsrap 4 css con jquery. Al hacer clic en un botón, quiero mostrar un cuadro modal con información sobre el estado del progreso. En Firefox, el modalbox se abre directamente, en Chrome, el cuadro no se muestra antes del final de la función de evento.

Ejemplo

 $('#myButton').click(function(){ $('box').modal({show:true,backdrop:false}); // open modal box App.data.forEach(function(data) { status = status + (100/App.data.length); $('#box .progress-bar').css('width',parseInt(status)+"%"); // do some fancy ajax calls }); });