https://github.com/imskyleen/bprogress
BProgress is a lightweight, customizable progress bar for better user experience.
https://github.com/imskyleen/bprogress
nextjs nprogress progress-bar react remix remix-run vue
Last synced: about 1 month ago
JSON representation
BProgress is a lightweight, customizable progress bar for better user experience.
- Host: GitHub
- URL: https://github.com/imskyleen/bprogress
- Owner: imskyleen
- License: mit
- Created: 2023-05-10T21:16:13.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2025-05-05T07:44:15.000Z (about 2 months ago)
- Last Synced: 2025-05-13T01:44:34.676Z (about 1 month ago)
- Topics: nextjs, nprogress, progress-bar, react, remix, remix-run, vue
- Language: TypeScript
- Homepage: https://bprogress.vercel.app
- Size: 5.9 MB
- Stars: 541
- Watchers: 1
- Forks: 38
- Open Issues: 6
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# BProgress
**Next NProgress Bar and NProgress V2 become BProgress!**
**BProgress** is a modern reimplementation of **NProgress** in **TypeScript, featuring optimized syntax, better customization, and improved performance**. Unlike NProgress, which has been unmaintained for over five years, BProgress **follows modern best practices and includes new community-requested features**. Its goal is to simplify progress bar integration across multiple frameworks with dedicated packages. 🚀
## Why is BProgress useful?
**BProgress** is a lightweight progress bar designed to visually indicate loading states in web applications. It is commonly used to display a **smooth, animated progress bar** during **page transitions, data loading, or asynchronous operations**.
It helps users understand that a new page or content is being loaded, making navigation more intuitive and preventing confusion during transitions.
## Packages
| Package | Lien | Changelog |
| ----------- | ------------------------------------------------------------------ | ----------------------------------------------------------------------------------------- |
| **Core** | [@bprogress/core](https://www.npmjs.com/package/@bprogress/core) | [CHANGELOG](https://github.com/imskyleen/bprogress/tree/main/packages/core/CHANGELOG.md) |
| **React** | [@bprogress/react](https://www.npmjs.com/package/@bprogress/react) | [CHANGELOG](https://github.com/imskyleen/bprogress/tree/main/packages/react/CHANGELOG.md) |
| **Next.js** | [@bprogress/next](https://www.npmjs.com/package/@bprogress/next) | [CHANGELOG](https://github.com/imskyleen/bprogress/tree/main/packages/next/CHANGELOG.md) |
| **Remix** | [@bprogress/remix](https://www.npmjs.com/package/@bprogress/remix) | [CHANGELOG](https://github.com/imskyleen/bprogress/tree/main/packages/remix/CHANGELOG.md) |
| **Vue** | [@bprogress/vue](https://www.npmjs.com/package/@bprogress/vue) | [CHANGELOG](https://github.com/imskyleen/bprogress/tree/main/packages/vue/CHANGELOG.md) |
## Documentation
See the [official documentation](https://bprogress.vercel.app/docs) for more information on how to use BProgress.
## Issues
If you encounter any problems, do not hesitate to [open an issue](https://github.com/imskyleen/bprogress/issues) or make a PR [here](https://github.com/imskyleen/bprogress).
## License
MIT