Loading component
Loading
Loading topbar that activates during page navigation.
Loading Topbar
A thin progress bar at the top of the page during navigation.
The loading topbar is already active on this page. Navigate between demo pages using the sidebar to see it in action at the very top of the viewport.
How it works
PUI.Loading installs a hook on the root layout that listens for phx:page-loading-start and phx:page-loading-stop events. It renders a thin animated bar that appears during navigation and disappears when the new page mounts.