Skip to content

[feat]: progress bar every page load #7713

Open
@mekpin

Description

@mekpin

Feature description

Hi,

Could you please implement a global progress/loading bar that appears during every page load, on every page of the site?

Requirements:
The progress bar will be like:

  • Appear at the top of the screen on every route/page load.
  • Start on navigation, and disappear once the page has fully loaded.
  • Be globally applied (no manual inclusion on each page).

Style:

  • Smooth, modern animation.
  • Thin horizontal bar.
  • Color should be easily customizable.
  • Optional: slight delay (e.g. 100ms) before showing, to avoid flicker on fast loads.

A good reference is NProgress — or feel free to use an alternative if better suited.

Let me know if you need design direction or a preferred default color.

Thanks!

Affected component/components

Progress

Additional Context

https://github.com/rstacruz/nprogress

Before submitting

  • I've made research efforts and searched the documentation
  • I've searched for existing issues and PRs

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions