Прогресс выполнения Ajax запроса в jQuery

$.ajax({
    type: 'POST',
    url: "/",
    dаta: {},
    beforeSend: function(XMLHttpRequest)
    {
        // прогресс загрузки на сервер
        XMLHttpRequest.upload.addEventListener("progress", function(evt){
            if (evt.lengthComputable) {  
                var percentComplete = evt.loaded / evt.total;
                // делать что-то...
            }
        }, false);
        // прогресс скачивания с сервера
        XMLHttpRequest.addEventListener("progress", function(evt){
            if (evt.lengthComputable) {  
                var percentComplete = evt.loaded / evt.total;
                // делать что-то...
            }
        }, false);
    },
    success: function(data){
        // делать что-то при успешном завершении...
    }
});

$.ajax({
    xhr: function()
    {
        var xhr = new window.XMLHttpRequest();
        // прогресс загрузки на сервер
        xhr.upload.addEventListener("progress", function(evt){
            if (evt.lengthComputable) {
                var percentComplete = evt.loaded / evt.total;
                // делать что-то...
                console.log(percentComplete);
            }
        }, false);
        // прогресс скачивания с сервера
        xhr.addEventListener("progress", function(evt){
            if (evt.lengthComputable) {
                var percentComplete = evt.loaded / evt.total;
                // делать что-то...
                console.log(percentComplete);
            }
        }, false);
        return xhr;
    },
    type: 'POST',
    url: "/",
    dаta: {},
    success: function(data){
        // делать что-то при успешном завершении...
    }
});