search

surveyjs / survey-library

Free JavaScript form builder library with integration for React, Angular, Vue, jQuery, and Knockout.
https://surveyjs.io/form-library
MIT License
4.04k stars 787 forks source link

Incorrect progress bar display #4257

Open badrAZ opened 2 years ago

badrAZ commented 2 years ago

Are you requesting a feature, reporting a bug or asking a question?

I'm reporting a bug.

What is the current behavior?

The progress bar is filled even if the questions aren't answered.

What is the expected behavior?

The progress bar should only be filled when all questions are answered.

How would you reproduce the current behavior (if this is a bug)?

Create a survey containing one question.

Provide the test code and the tested page URL (if applicable)

Tested page URL: https://plnkr.co/edit/0xwymUhc5S6I3HRQ?open=lib%2Fscript.js&preview

Specify your

tsv2013 commented 2 years ago

You need to set the https://surveyjs.io/Documentation/Library?id=surveymodel#progressBarType property to "questions" value. Here is the updated plunker - https://plnkr.co/edit/mUwAVEt76ZtTRDRR?open=lib%2Fscript.js

badrAZ commented 2 years ago

It's already set to questions the bug is produced when the form contains one question.

SamMousa commented 2 years ago

Interestingly there's also an issue with having 2 questions on that page, the minimum width for the progress indicator is 100px.