Navigation: transition property

Baseline 2026

Newly available

Since January 2026, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.

See full compatibility
Learn more

The transition read-only property of the Navigation interface returns a NavigationTransition object representing the status of an in-progress navigation, which can be used to track it.

Navigation.transition is only populated while the intercept() handler is unresolved (i.e., during a navigation interception), and is otherwise null.

Value

A NavigationTransition object, or null if no navigation is currently in progress.

Examples

async function handleTransition() {
  if (navigation.transition) {
    showLoadingSpinner();
    await navigation.transition.finished;
    hideLoadingSpinner();
  }
}