<NuxtLoadingIndicator>

Nuxt provides <NuxtLoadingIndicator> to display a progress bar on page navigation.

Examples

Basic Usage

Add <NuxtLoadingIndicator/> in your app.vue or layouts.

<template>  <NuxtLayout>    <NuxtLoadingIndicator /> <!-- here -->    <NuxtPage />  </NuxtLayout></template>

Open on StackBlitz

Props

• color: The color of the loading bar.
• height: Height of the loading bar, in pixels (default 3).
• duration: Duration of the loading bar, in milliseconds (default 2000).
• throttle: Throttle the appearing and hiding, in milliseconds (default 200).