Skip to content

Formplayer: Add progress bar #8

@r0ssing

Description

@r0ssing

Add Dynamic Progress Bar to Formplayer Forms

User Story:

  • As a user filling out forms in Formplayer
  • I want to see a progress bar indicating how much of the form I’ve completed
  • So that I can gauge how much is left and stay motivated to finish

Details:

  • The progress bar should be dynamic, updating based on either:

    • The number of questions answered, or
    • The number of "screens" (SwipeLayout elements) completed in the JSON form.
  • It should be visible at the top of the form and update in real-time as the user progresses.

Acceptance Criteria:

  • Progress bar reflects the correct percentage of completion.
  • Works for forms with multiple questions per screen as well as single-question screens.
  • Visual styling is consistent with Formplayer’s current UI.

Metadata

Metadata

Labels

formplayerIssues related to the FormPlayer React applicationuiFor issues related to user interface components, layout, styling, and front-end interactions.

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions