Javascript XML Http Request显示Chrome底栏中的下载进度？

Question

我遇到的问题是我下载的文件进度没有显示在chrome底部下载栏中。

我的文件仅在下载已完成时显示，如54mb / 54mb。

如何在下载栏中像其他文件一样显示下载进度呢？ 0mb / 54mb ... 10mb / 54mb等等。

这是我的javascript代码：

  var xhr = new XMLHttpRequest();
          xhr.responseType = 'blob';
          xhr.onload = function() {
            var a = document.createElement('a');
            a.href = window.URL.createObjectURL(xhr.response); // xhr.response is a blob
            a.download = filename; // Set the file name.
            a.style.display = 'none';
            document.body.appendChild(a);
            a.click();
          };
          xhr.open('GET', url);
          xhr.send();