What is the process of using Javascript to download multiple files while monitoring the progress?

edit

The process of using Javascript to download multiple files while monitoring the progress involves the following steps:

1. Create an array of the file URLs that need to be downloaded.
2. Initialize a counter variable to keep track of the number of files downloaded.
3. Loop through the array of file URLs and use AJAX or Fetch API to initiate a download for each file.
4. Set event listeners to track the progress of each download.
5. When a file is successfully downloaded, increment the counter variable.
6. When the counter variable equals the length of the array, all files have been downloaded.
7. Handle any errors that may occur during the download process.

Here's an example code snippet that demonstrates this process:

const fileUrls = ['file1.pdf', 'file2.pdf', 'file3.pdf'];
let counter = 0;

fileUrls.forEach((url) => {
  fetch(url)
    .then((response) => {
      const contentDisposition = response.headers.get('content-disposition');
      const fileName = contentDisposition.split('=')[1];
      const blob = response.blob();

      const downloadLink = document.createElement('a');
      downloadLink.href = window.URL.createObjectURL(blob);
      downloadLink.download = fileName;
      document.body.appendChild(downloadLink);
      downloadLink.click();

      counter++;
      if (counter === fileUrls.length) {
        console.log('All files downloaded successfully!');
      }
    })
    .catch((error) => {
      console.log(`Error downloading file: ${error}`);
    });
});