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