Edit in JSFiddle

// Synchronous version

var log = function(content){
    $('<p/>').html(content).appendTo('#log');
}

function doTask(i){
    log("Step " + ++i + " finished.");
}
    
$(function(){
    for(var i = 0; i < 5; i++){
        doTask(i);
    }

    log("All steps done.");
});

<div id="log"></id>