Axios Progress Bar

This module aims to provide a simple usage of a progress bar for the HTTP requests made by Web applications that use the library axios. It's high inspired in the module angular-loading-bar and uses the awesome nprogress module to display the loading bar in the Browser.

Attention: This module is not bound to any framework. You can use it in any Web application that uses axios.

$3

!demo

---

$3

It's available through the NPM package:

npm install --save axios
npm install --save axios-progress-bar

Or via CDN:
``html


``

---

$3


Invoke (only one time) the function: loadProgressBar(config, instance).

$3

The config argument is the configuration object for the nprogress and is not required. Its properties can be seen here.

$3

You can pass a Custom Axios Instance as a second argument if needed, the argument is not required. If you don't set the instance argument the default axios instance will be used.

__Also, you need to import the CSS file (nprogress.css) that contains the customization of the progress bar.__


#### Example in ES6 using the import statement
`js
import { loadProgressBar } from 'axios-progress-bar'

loadProgressBar()
...
``
Don't forget to import the CSS in the HTML, or through JavaScript with some module bundler like webpack.
`html

`
`js
import 'axios-progress-bar/dist/nprogress.css'
`

#### Example using plain HTML and JavaScript in the Browser
`html






...







`

$3

The CSS file contains the properties from the nprogress style. However, It's possible to override the properties or set new ones with a custom CSS.

In the next example, the custom CSS only changes the color of the progress bar and the spinner to red.
`html







...







``
!demo-red

---

$3

Write them in the repository issues.

$3

- version 1.1.0 - Split the CSS into a separate file. With this change, it's necessary to import the minimal CSS file manually.
- version 1.2.0 - Support for custom axios instances.