Progress bar issue in javascript

I create a progress bar when i run it then all are running simutaneously. i want next run after first finish

https://i.ibb.co/mR92wTB/2022-12-31-14-45-08-Window.png

$progressBar
      .css('background-size', calc + '%100%')
      .attr('aria-valuenow', calc );

      $progressBar1
      .css('background-size', calc + '% 100%')
      .attr('aria-valuenow', calc );

      $progressBar2
      .css('background-size', calc + '% 100%')
      .attr('aria-valuenow', calc );

it will change the color now i want to use progress bar value in progress bar 1 and progress bar 1 value in progress bar 2