astro-nprogress


[![JSDocs][jsdocs-src]][jsdocs-href]

Nprogress using in astro while the astro view transition is enabled.

Installation

``sh


✨ Auto-detect

npx nypm install astro-nprogress

npm

npm install astro-nprogress

yarn

yarn add astro-nprogress

pnpm

pnpm add astro-nprogress

bun

bun install astro-nprogress

deno

deno install npm:astro-nprogress
`

Basic Usage

`ts
// astro.config.ts

import nprogress from 'astro-nprogress'
import { defineConfig } from 'astro/config'

export default defineConfig({
integrations: [nprogress()],
})
`

`astro
---
// layout.astro
import NProgress from 'astro-nprogress/components'
---









`

Contribution

Local development

- Clone this repository
- Install the latest LTS version of Node.js
- Enable Corepack using corepack enable
- Install dependencies using pnpm install
- Run tests using pnpm dev or pnpm test`

Sponsors

License

Published under the MIT license.
Made by @byronogis and community 💛

---

_🤖 auto updated with automd (last updated: Tue Oct 07 2025)_

[jsdocs-src]: https://img.shields.io/badge/jsdocs-reference-1fa669
[jsdocs-href]: https://www.jsdocs.io/package/astro-nprogress