Javascript JSON数据的实时进度条

我试图显示一个大型json数据的实时进度条

JSON文件：

加载大约需要7秒钟。我想用实际下载百分比显示一些进度条

$.ajax({
    url: 'https://script.google.com/macros/s/AKfycbye7SetszftBAnq2QKQPTSye1nRp-bVU1Ymc-JKVa3WcHGUpI0H/exec',
    xhr: function() {
        console.log('xhr');
        var xhr = new XMLHttpRequest();
        xhr.addEventListener('loadend', uploadComplete, false);

        function uploadComplete(event) {
            console.log('uploadComplete');
            //do stuff
        }
        //Download progress
        xhr.addEventListener("progress", function(evt) {
            console.log([evt.lengthComputable, evt.loaded, evt.total]);
            if (evt.lengthComputable) {
                var percentComplete = (evt.loaded / evt.total) * 100;
                console.log(percentComplete + "p")
            }
        }, false);
        return xhr;
    },
    success: function(response) {
        console.log("success")
    }
});

输出控制台： [假,32768,0] [假,84414,0]

evt.lengthComputeable

为假，32768和84414是什么意思？为什么evt.total显示为0

有没有其他方法可以显示json数据的实时进度条

$.ajax({
//..
  uploadProgress: function (event, position, total, percentComplete) {
    console.log(percentComplete);
  }'
//..
});

---

然后，您可以使用“percentComplete”变量设置进度条的宽度或其他内容

如果不知道（即发送内容的服务器）内容长度，这将不起作用