Всем привет) ПОмогите, пожалуйста, разобратся

Получаю файл

        var files = event.dataTransfer.files;
		var AllLoad = files.length;
        CurrentLoad = 0;
        $.each(files,function(idx,elm){
        	result = upload_file_to_site(elm, CurrentLoad, AllLoad);
            CurrentLoad++;
        });

    function upload_file_to_site(file, CurrentLoad, AllLoad) {
        var xhr = new XMLHttpRequest();
        xhr.upload.addEventListener('progress', uploadProgress, false);
        xhr.onreadystatechange = stateChange;
        xhr.open('POST', '/upload/', false);
        xhr.setRequestHeader('X-FILE-NAME', file.name);
        xhr.send(file);
        document.getElementByld("dropZone").innerHTML = 'Загрузка: ' + CurrentLoad + ' / ' + AllLoad;
        return true;
    }

Загружаю сразу 4 файла
Подскажите, почему вот это

document.getElementByld("dropZone").innerHTML = 'Загрузка: ' + CurrentLoad + ' / ' + AllLoad;

срабатывает в самом конце загрузки, после загрузки всех файлов, а не после загрузки каждого?

Задача: получить ответ от сервера после загрузки кажного файла и вывести ответ

_____________
Одесса - мой город!)))