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

Modification in Progress-bar #632

Open
RiyanshiTomar opened this issue Jan 21, 2025 · 1 comment
Open

Modification in Progress-bar #632

RiyanshiTomar opened this issue Jan 21, 2025 · 1 comment

Comments

@RiyanshiTomar
Copy link
Contributor

Issue Title:

[UI Enhancement] Improve Progress Bar with Color Indicators for Different Levels

Description:

The progress bar in your website currently lacks an appealing and functional UI. To improve the user experience, it is suggested to implement a color-coded progress bar that visually represents different levels of progress.

Proposed Changes:

  1. Use red color for progress levels up to 40% to indicate the "danger zone."
  2. Use yellow color for progress levels between 41% and 70% to indicate the "medium zone."
  3. Use green color for progress levels between 71% and 100% to indicate the "safe zone."
  4. Add smooth transition effects to enhance the look and feel of the progress bar.

Steps to Implement:

  1. Modify the CSS to include a gradient or conditional coloring for the progress bar.
  2. Use JavaScript or inline styles to dynamically change the color based on the current progress value.
  3. Ensure the progress bar is responsive and displays correctly on all screen sizes.

Benefits:

  • Enhances the visual appeal of the website.
  • Provides intuitive feedback to users regarding progress status.
  • Improves user engagement and usability.

Request:

Please assign this issue to me so I can work on enhancing the progress bar UI and submit a pull request for the improvements.

Thank you
Riyanshi Tomar

Copy link
Contributor

Thank you for raising this issue! We'll look into it as soon as possible. Please ensure that the issue is not duplicate, and you read CONTRIBUTING.md carefully. Your contributions are highly appreciated! 😊

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant