onDownloadProgress has progressEvent.total property with zero value

I’ve the simplest code like

onDownloadProgress: function(progressEvent) {
    console.log('download', progressEvent);
},

It returns object with total: 0 property.

Is there are any way to obtain total property with correct value?

[tenbits]

Axios binds the onDownloadProgress function directly to native progress event of the xmlhttprequest instance: xhr.js#L145. The problem is in gzipped responses. Chrome for example has always for such responses lengthComputet=false and total=0. This makes also sens, as total reports the size of the content itself, and browsers can’t predict how many bytes will be the content. loaded reports the size after decoding, so even if you read the content-length header with

onDownloadProgress(event) {
  event.srcElement.getResponseHeader('content-length')
}

at some point you will get loaded > contentLength. A workaround would be to send the actual size in headers, smth. like X-Actual-Content-Length and then read the correct size in onDownloadProgress.

[qkdreyer]

Ensure that your server is sending the Content-Length response header