🙏 The progress bar to multiple carousels

[goodwinpress]

Hi!
I wonder is there any way to apply the progress bar to multiple carousels?

The script I use according to docs:

var elms = document.getElementsByClassName( 'home-carousel' );

for ( var i = 0; i < elms.length; i++ ) {
	var splide =	new Splide( elms[ i ], {
	  type: 'loop',
	  perPage: 3,
	  gap: '2rem',
	  perMove: 1,
	  pagination: true,
	  easing: 'cubic-bezier(0.55, 1, 1, 1)',
       });
     
  var bar = splide.root.querySelector( '.my-carousel-progress-bar' );
  splide.on( 'mounted move', function () {
    var end  = splide.Components.Controller.getEnd() + 1;
    var rate = Math.min( ( splide.index + 1 ) / end, 1 );
    bar.style.width = String( 100 * rate ) + '%';
  } );
 
  splide.mount();
}

The progress bar output in every carousel, but doesn't move.
Presumably this script is wrong. Could you please correct me?

Thanks!