Skip to content
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

Enhancement request: making the progress bar more visible #54329

Closed
jenna5376 opened this issue Apr 8, 2024 · 1 comment
Closed

Enhancement request: making the progress bar more visible #54329

jenna5376 opened this issue Apr 8, 2024 · 1 comment
Labels
platform: learn UI side of the client application that needs familiarity with React, Gatsby etc. scope: UI Threads for addressing UX changes and improvements to user interface status: waiting review To be applied to PR's that are ready for QA, especially when additional review is pending. type: feature request Threads classified to be feature requests. Implementation to be considered as a nice to have

Comments

@jenna5376
Copy link
Contributor

Problem
You have to scroll down after submitting a challenge to see the progress bar. Fixing the progress bar to the top of the lesson can make it easier for users to visually track their progress, which can motivate them to continue coding.

fcc.mov

This is a small issue but I find it frustrating that I have to scroll down whenever I want to track how much progress I made and I think other users may also benefit from this change.

Describe the solution you'd like:

  • Option 1: Add a fixed progress bar at the top of lessons so users can easily track their progress (quick example mockup below)

image

  • Option 2: Alternatively, we can have the site auto-scroll down to the div with "Submit and go to next challenge" button and progress bar after the user submits their solution
@gikf gikf added status: waiting review To be applied to PR's that are ready for QA, especially when additional review is pending. scope: UI Threads for addressing UX changes and improvements to user interface platform: learn UI side of the client application that needs familiarity with React, Gatsby etc. type: feature request Threads classified to be feature requests. Implementation to be considered as a nice to have labels Apr 8, 2024
@huyenltnguyen
Copy link
Member

Hi @jenna5376, thank you for opening this issue.

We have a similar request (#52790) and it's still under discussion. I'm going to close this one to centralize the discussion, feel free to chime in and share your thoughts there.

Happy coding.

@huyenltnguyen huyenltnguyen closed this as not planned Won't fix, can't repro, duplicate, stale Apr 9, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
platform: learn UI side of the client application that needs familiarity with React, Gatsby etc. scope: UI Threads for addressing UX changes and improvements to user interface status: waiting review To be applied to PR's that are ready for QA, especially when additional review is pending. type: feature request Threads classified to be feature requests. Implementation to be considered as a nice to have
Projects
None yet
Development

No branches or pull requests

3 participants