About

This is a simple page to demonstrate basic navigation transitions. Click the links in the nav bar or the button below to navigate and see the progress bar.

How it works

next-transition-bar intercepts navigation by listening for anchor clicks via event delegation and detecting when history.pushState or history.replaceState is called to signal navigation completion.

It also handles browser back/forward buttons via the popstate event, and properly supports Next.js middleware redirects.

Back to Home