jQuery UI progress bar did not work in Loop in IE 11 and Chrome

Question

I am using jQuery 1.7.2 and jQuery-ui is 1.10.4. My code works perfectly in FireFox. My code for jQuery as below.

$(document).ready(function () {
  $("#progressbar").show();
      $("#progressbar").progressbar({
        value: false
      });
      progress(10, "Initialize");
      /* If Season Year is zero than throw error */
      if (seasonYearCount == 0) {
        progress(0, Res.errGeneratingSchedule);
        return;
      }
      if (seasonYearMonthCount == 0) {
        $("#lbErrorMsg").text(Res.errGeneratingSchedule);
        progress(0, Res.errGeneratingSchedule);
        alert(Res.setupSeasonYearMonth);
        return;
      }
      if (productYearCount == 0) {
       progress(15, "Adding Products");
      }

      $.each(productArray, function (index, product) {
        progress(17, "Adding Complaints");
      });
      _days = daysInMonth($("#dpMonth").val(), $("#dpYear").val());
      for (var pWC = 0; pWC < _productWithComplaint.length; pWC++) {
        progress(pWC + 17, "Making Plan");
      //console.dir(_plan);
      progress(100, "Complete");
      $("#progressbar").hide();
});

function progress(value, text) {
$("#progressbar").progressbar("value", value);
var currValue = $("#progressbar").progressbar("value");

$("#lbMessage").text(text + " - " + currValue + "%");
 }

This is my HTML Code

<div id="progressbar" style="display:none;">
 <div id='lbMessage'>Loading...</div>
</div>

can somebody help on this...

fiddle for the source code http://jsfiddle.net/milindsaraswala/2CFxZ/

Answer 1

I suspect it's a syntax error. You haven't closed the brace on your for-loop:

      for (var pWC = 0; pWC < _productWithComplaint.length; pWC++) {
        progress(pWC + 17, "Making Plan");

      } // <== MISSING THIS

      //console.dir(_plan);
      progress(100, "Complete");
      $("#progressbar").hide();
});

Always check the console for JS errors.

EDIT

The code in your fiddle works fine. It runs so fast that you don't see the progress from 0 to 100. You don't see the progress bar at all really because you hide it right after the rest of the code has finished, which takes just a few milliseconds.