What problem will this feature address?

Currently, the Dokploy app does not provide a clear loading indicator when navigating between pages or triggering actions. This can create confusion for users, since they don’t always know if a process is happening in the background.

To improve the user experience, I propose adding a modern top loader (a thin progress bar at the top of the screen) that displays during navigation or data fetching. This is a common UX pattern in many modern applications and gives users clear feedback that something is loading.

Describe the solution you'd like

Proposed Solution

Integrate a lightweight, modern top loader (e.g., NProgress
or a custom Tailwind-based component).

Trigger the loader during:

Page navigation events

Data fetches or long-running actions

Provide a smooth and minimal animation to match Dokploy’s UI design.

Benefits:

Improves UX by giving immediate feedback during loading.

Matches user expectations since top loaders are widely used in modern apps.

Helps avoid confusion during slow responses or large deployments.

Describe alternatives you've considered

Spinner/Overlay Loader: A fullscreen spinner or overlay could indicate loading, but it interrupts the flow and feels heavier than a subtle top progress bar.

Inline Skeletons: Skeleton screens are useful for content loading, but they don’t cover page transitions or actions that don’t immediately render UI elements.

Status Toasts: Toast notifications could show “Loading…” messages, but they are less intuitive for continuous progress and can clutter the UI.

Additional context

I am interested in solving this issue and would like to contribute this feature to Dokploy.

Will you send a PR to implement it?

Yes