JSFiddle - React, Tailwind, and code Playground

by Jonathan Wells

HTML

<div id="progress"></div>

JavaScript

function Parser()
{
      var promise = doSomething();
       
       promise.progress(function(i) {
          $("#progress").text(i);
        });
        
    //doSomething().progress(function(prog){alert(prog.toString())});
    //doSomethingElse().progress(function(prog){alert(prog.toString())});
   
    // I am trying to achieve a working version of this:
     $.when(doSomething(), doSomethingElse()).progress(function(prog){alert(prog.toString())});
}
    
function doSomething() {   
    var dfd = $.Deferred();
    var i = 0;
    var intervalId = setInterval(function() {
        dfd.notify("doSomething " + i++);
        if (i > 3) {
            clearInterval(intervalId);
        }
    }, 500);
    return dfd.promise();
};
                                       
 function doSomethingElse() {   
    var dfd = $.Deferred();
    var i = 0;
    var intervalId = setInterval(function() {
        dfd.notify("doSomethingElse " + i++);
        if (i > 3) {
            clearInterval(intervalId);
        }
    }, 500);
    return dfd.promise();
};


new Parser()