jQuery(document).ready(function($) { var tabs = $('.elementor-tab-title'); var currentIndex = 0; var isHovering = false; var progressBar = $('.progress-bar'); var progressDuration = 5000; // Duration in ms function changeTab() { tabs.eq(currentIndex).trigger('click'); currentIndex++; if (currentIndex >= tabs.length) { currentIndex = 0; } } function resetProgress() { progressBar.stop().css('width', '0%'); } function startProgress() { progressBar.animate({ width: '100%' }, progressDuration, 'linear', function() { resetProgress(); if (!isHovering) { changeTab(); startProgress(); } }); } // Change tab immediately and start the progress bar animation changeTab(); startProgress(); $('.elementor-tab-content').hover( function() { isHovering = true; progressBar.stop(); // Pause the progress bar animation }, function() { isHovering = false; startProgress(); } ); // Move the progress bar after the tabs $('.progress-container').insertAfter($('.elementor-tabs')); });