Возврат значений во время Ajax-запроса

Уважаемые посетители, столкнулся со сложностью, нуждаюсь в Вашей помощи.

Суть вопроса:

• При отработке ajax-запроса подгружается много информации из php;
• Для видимости загрузки сделал preloader страницы, но сейчас решил делать progressbar с отображением значения %% загрузки / количества переданных байт, неважно;
• Значения прогресса думал получать в цикле и выводить в контейнер с определенным ид / классом.

Суть проблемы:

• Значение var progress, например, в консоль выводится только после выполнения запроса, а не при каждом изменении значения evt.loaded (объем загруженной информации).

Код:

$(document).ready(function () {
    $.ajax({ 
        xhr: function() {
            var xhr = new window.XMLHttpRequest();
            xhr.addEventListener("progress", function(evt){
                for(var i = 1; i<evt.total; i++){
                    var progress = Math.round(((i/evt.total)*100)*100)/100;
                    //действие, вывод значения прогресса (консоль / контейнер)          
                }
            }, false);
            return xhr;
        },         
        type: "POST",
        url: "main_php/result.php",
        dataType: "json",
        success: function (data) {
            //действие (вывод данных на страницу)
        }
    });
});