Download file with XMLHttpRequest js

index.js

function save(blob) {
    const url = window.URL.createObjectURL(blob);
    const a = document.createElement('a');
    a.style.display = 'none';
    a.href = url;
    a.download = 'zip_10MB.zip'; //filename
    document.body.appendChild(a);
    a.click();
    window.URL.revokeObjectURL(url);
    alert('your file has downloaded!');
}
var xhr = new XMLHttpRequest();
    xhr.open('GET', "https://file-examples-com.github.io/uploads/2017/02/zip_10MB.zip", true);
    xhr.responseType = 'blob';
    xhr.onprogress = e => console.log(`${parseInt((e.loaded/e.total)*100)}%`)
    xhr.onload = e => save(xhr.response)
    xhr.send()

/* 
Reference
https://stackoverflow.com/a/52738942
https://stackoverflow.com/a/9834261
https://stackoverflow.com/a/64123890
https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest
*/