Navigation: transition property

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

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 Standard
# dom-navigation-transition-dev

Browser compatibility

BCD tables only load in the browser

See also