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.
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
js
async function handleTransition() {
if (navigation.transition) {
showLoadingSpinner();
await navigation.transition.finished;
hideLoadingSpinner();
}
}
Specifications
| Specification |
|---|
| HTML # dom-navigation-transition-dev |
Browser compatibility
| desktop | mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
transition
|
|
|
|
|
|
|
|
|
|
|
|
|
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support