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.

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.

Value

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

Examples

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

Specifications

Specification
HTML
# dom-navigation-transition-dev

Browser compatibility

See also