Bug Summary:
The progressBar does not maintain consistent length across different instances or states, leading to an inconsistent visual experience.
Steps to Reproduce:
Navigate to FormPage.
Fill out form fields but leave some fields unapproved.
Click on 'Submit'.
Expected Behavior:
The progressBar should have uniform length regardless of its current progress or actions taken by users, ensuring a visually consistent element throughout its usage.
Actual Behavior:
The progressBar changes in length when submitting with unapproved fields which disrupts visual consistency and could mislead users regarding progress representation.
Environment
Affected Page: FormPage
Screenshots
Expected (consistent size):
Actual (inconsistent size upon submission with unapproved fields):
Bug Report
Description
Bug Summary: The progressBar does not maintain consistent length across different instances or states, leading to an inconsistent visual experience.
Steps to Reproduce:
Expected Behavior: The progressBar should have uniform length regardless of its current progress or actions taken by users, ensuring a visually consistent element throughout its usage.
Actual Behavior: The progressBar changes in length when submitting with unapproved fields which disrupts visual consistency and could mislead users regarding progress representation.
Environment
Screenshots
Expected (consistent size):![Correct ProgressBar Size Image](https://github.com/ai-cfia/fertiscan-frontend/assets/73604556/c45baa93-8781-485e-8c9f-bd4a371cd0f6)
Actual (inconsistent size upon submission with unapproved fields):![Inconsistent ProgressBar Size Image](https://github.com/ai-cfia/fertiscan-frontend/assets/73604556/070b2e23-111b-4921-8ec9-7300e9075748)