JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 65145
  • Score
    100M100P100Q151912F
  • License MIT

NProgress-inspired library with more features

Package Exports

  • @bprogress/core
  • @bprogress/core/css

Readme

BProgress

A slim progress bar inspired by NProgress.

NProgress V2 and Next NProgress Bar become BProgress!

Migration from nprogress-v2

If you are using nprogress-v2, you can migrate to @bprogress/core by following the migration guide.

Installation

Node.js

To install BProgress, run the following command:

npm install @bprogress/core

CDN

Use unpkg:

Use jsDelivr:

Integrations libraries

The following frameworks have a dedicated package for using BProgress:

Quick Start

Import

CDN

Import CSS in your index.html file.

<link
  rel="stylesheet"
  type="text/css"
  href="https://unpkg.com/@bprogress/core/dist/index.css"
/>

Import JavaScript in your index.html file.

<script type="module">
  import { BProgress } from 'https://unpkg.com/@bprogress/core/dist/index.js';

  BProgress.configure({
    ...
  });
</script>

Or you can add BProgressJS as a global variable using the legacy include:

<script src="https://unpkg.com/@bprogress/core/dist/index.global.js"></script>
<script>
  const { BProgress } = BProgressJS;

  BProgress.configure({
    ...
  });
</script>

Node.js

import '@bprogress/core/css';
import { BProgress } from '@bprogress/core';

Basic Usage

Simply call start() and done() to control the progress bar.

BProgress.start();
BProgress.done();

More information on documentation

Go to the documentation to learn more about BProgress.

Issues

If you encounter any problems, do not hesitate to open an issue or make a PR here.

LICENSE

MIT