XMLHttpRequest в google-chrome не сообщает о событиях прогресса

Думаю, у меня есть решение вашей проблемы
Я не знаю, что стоит за этой функцией "generateRandomData()"

var data = generateRandomData(currentPayloadId)

Он работает, когда я перехожу на это:

var data = new FormData();
data.append("fileToUpload", document.getElementById('fileToUpload').files[0]);

Небольшое пояснение: вам нужно вручную добавить к данным формы форму ввода файла, где fileToUpload — это <input type="file" name="fileToUpload" id="fileToUpload" />
И в вашей функции updateProgress в части IF вы можете добавить что-то подобное для отслеживания прогресса console.log(evt.total +" - "+ evt.loaded)

Это работает в браузере Google Chrome. Я тестировал в новой версии браузера 57
Я сделал для себя форму прогресса загрузки 4 года назад, а это значит, что этот код работает и в старой версии браузера.

Полный фрагмент кода будет выглядеть вот так

function test()
{
    req = new XMLHttpRequest();
    req.upload.addEventListener("progress", updateProgress, false);
    req.addEventListener("readystatechange", updateProgress, false);
    req.addEventListener("error", uploadFailed, false);
    req.addEventListener("abort", uploadCanceled, false);

    //var data = generateRandomData(currentPayloadId);
    var data = new FormData();
    data.append("fileToUpload", document.getElementById('fileToUpload').files[0]);
    totalSize = data.length;

    req.open("POST", "www.mydomain.com/upload.aspx");
    start = (new Date()).getTime();
    req.send(data);
}

function updateProgress(evt)
{
    if (evt.lengthComputable) {
        total = totalSize = evt.total;
        loaded = evt.loaded;
        console.log(evt.total +" - "+ evt.loaded)
    }
    else {
        total = loaded = totalSize;
    }
}

У меня была эта проблема, когда страница, которую вы загружаете, не содержит

  Content-Length: 12345

в заголовке, где 12345 — длина ответа в байтах. Без параметра длины функции прогресса не над чем работать.

Во-первых, убедитесь, что "www.example.com" добавлено к manifest.json, например:

manifest.json

 {
   ..
   "permissions": [
     "http://www.example.com/",
     "https://www.example.com/",
   ],
   ..
 }

Тогда я думаю, что ваш пример должен работать.

Дополнительную информацию об использовании xhr в расширениях Google Chrome можно найти здесь.

Также стоит ознакомиться с документами CSP, если то, что я предоставил выше, не соответствует требованиям.

Это может быть просто проблема совместимости со свойством XMLHttpRequest.upload. Он возвращает объект XMLHttpRequestUpload, но если вы попытаетесь найти спецификацию этого объекта в MDN, его не существует, так как же мы узнаем, какие браузеры полностью его поддерживают.

Совместимость XMLHttpRequest.upload

Вы пробовали слушать прогресс непосредственно на xhr:

req.addEventListener("progress", updateProgress, false);

Я использую jQuery для такого прогресса:

    $.ajax({
        url : furl,
        type : method,
        data : data,
        //...
        },
        xhr : function () {
            //upload Progress
            var xhr = $.ajaxSettings.xhr();
            if (xhr.upload) {
                    xhr.upload.addEventListener('progress', function (event) {
                        var percent = 0;
                        var position = event.loaded || event.position;
                        var total = event.total;
                        if (event.lengthComputable) {
                            percent = Math.ceil(position / total * 100);
                        }
                        //update progressbar
                        $(".progress-bar").css("width",  + percent + "%");
                        $(" .status").text(position + " / " + total + " (" + percent + "%)");
                    }, true);
            }
            return xhr;
        },