Skip to content

Progress bar percentage update issue while hiding the steps #183

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
sukucom opened this issue Mar 15, 2025 · 0 comments
Open

Progress bar percentage update issue while hiding the steps #183

sukucom opened this issue Mar 15, 2025 · 0 comments

Comments

@sukucom
Copy link

sukucom commented Mar 15, 2025

Describe the bug
We are facing the issue in progress bar percentage calculation while having hidden steps in the wizards.
var widthPercentage = width / this.steps.length * (idx+ 1) / width * 100;

this.steps.length - This will always give length of all steps including the hidden steps.This needs to be update only length of the visible steps. and idx always giving the stepid instead of the index of the current step.

To Reproduce
Steps to reproduce the behavior:
Total Steps = [1,2,3,4,5,6,7,8,9]

  1. hide some steps [3,8]
  2. Check clicking next after the hidden step;
  3. now in progress bar you feel issue.

Expected behavior
var widthPercentage = width / visibleSteps.length * (currentactiveinvisiblestepIdx + 1) / width * 100;
Screenshots
If applicable, add screenshots to help explain your problem.

Image
Current Active Step is 4. But progress bar completed.
Desktop (please complete the following information):

  • OS: Windows
  • Browser chrome
  • Version:134.0.6998.89
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant