Insentif Khas

'); $stepper.append(''); for (let i = 1; i <= totalSteps; i++) { const $step = $(''); const $circle = $('').text(i); if (i <= currentStep) { $circle.addClass(i === currentStep ? 'active' : 'completed'); $('#step-' + i).addClass(i === currentStep ? 'active' : ''); } if (currentStep >= totalSteps){ $('#next-step').css('display', 'none'); $('.survey-popup .right-container input[type="submit"]').css('display', 'block'); } else if(currentStep >= 2){ $('#prev-step').css('display', 'block'); } else{ $('#prev-step').css('display', 'none'); $('#next-step').css('display', 'block'); $('.survey-popup .right-container input[type="submit"]').css('display', 'none'); } $step.append($circle); $stepper.append($step); } const activeWidth = ((currentStep - 1) / (totalSteps - 1)) * 100; $('.progress-line-active').css('width', activeWidth + '%'); } function setCurrentStep(step) { currentStep = Math.max(1, Math.min(step, totalSteps)); renderStepper(); } $('#prev-step').click(function() { $('.step-content.active').removeClass('active'); setCurrentStep(currentStep - 1); }); $('#next-step').click(function() { $('.step-content.active').removeClass('active'); setCurrentStep(currentStep + 1); }); // Initial render renderStepper(); });