Progress Bar Interaction with Content During Scrolling

[Rd4dev]

Platform
Oppia Android

Describe the request
Seeking a design solution for implementing a progress bar on the exploration page to visually represent learner progress.

Context for the request

• This request pertains to a new feature aimed at displaying the learner's progress.
• Currently, users lack a visual indicator of their progress within lessons.
• The proposed pull request introduces a progress bar for this purpose. However, positioning the progress bar at the top results in the actual lessons or content being partially obscured during scrolling, presenting a disjointed experience.

Is it feasible to explore alternative placement options for the progress bar to enhance user engagement?

Screen Recording:

State.Progress.Bar.Cut.Off.mp4

Screenshots:

Link to PRD

Information about deadlines/priorities
This feature is suggested to be continued under a feature flag.

DESIGN APPROVAL CHECKLIST -- DO NOT EDIT.

• UX Design approved (Android mocks should include dark mode)
• UX Writing approved
• Design Systems approved
• Product approved

For a design project to be completed, it needs approval from UXD, UXW and PM. Please tag the following reviewers when your project is ready (at least one reviewer for each of the 4 bullet points below):

• UXD: @GlowWindow (for Android projects)
• UXW: @stepmalt
• Design systems: @qluuu / @celestinetales
• PM: @seanlip