How to show progress of file download in native browser download bar in js?

I am downloading a file and it shows in download bar once it is fully downloaded.
I want to show file download progress in native browser download bar that defines how many bytes get downloaded and remaining time in the download bar. Through this it will be easier for user to understand the download start otherwise there will be confusion of not downloading the file.
I tried below code but it shows only when file gets fully download. Hence not showing the progress.

    axios({
        url: blobUri,
        onDownloadProgress(progress) {
            console.log('download progress:', progress);
        },
    }).then(response => {
        const file = new Blob([response.data]);
        const fileURL = URL.createObjectURL(file);
        const a = document.createElement('a');
        a.href = blobUri;
        a.download = `test.pdf`;
        a.click();
        console.log('response has arrived');
    });
};