202306-NEA-DZ-FEW/StudentStore

Page Load Progress Bar component

Closed this issue · 0 comments

Task title
Add a Progress Bar on Page Load

Task description
Create and integrate a page load progress bar into the Next.js application. The progress bar should visually indicate the loading progress of each page to enhance the user experience.

Subtasks

  • Install the nextjs-progressbar package.

  • Import and integrate the progress bar into the layout or a dedicated component.

  • Customize the progress bar appearance, such as color, start position, and height.

  • Test the progress bar by navigating between pages.

  • Adjust any layout styling if needed for better integration.

Screenshots

On Large Screens

PAGE load progress bar

On Small Screens

page load small