NProgress bar with axios

axios-nprogress.js

import 'nprogress/nprogress.css'

import NProgress from 'nprogress'
import axios from 'axios'

const calculatePercentage = (loaded, total) => (Math.floor(loaded * 1.0) / total)

const setupUpdateProgress = () => {
  axios.defaults.onDownloadProgress = e => {
    const percentage = calculatePercentage(e.loaded, e.total)
    NProgress.set(percentage)
  }
}

const setupStopProgress = () => {
  axios.interceptors.response.use(response => {
    NProgress.done(true)
    return response
  })
}

export function load(config) {
  NProgress.configure(config)
  setupUpdateProgress()
  setupStopProgress()
}

Thanks for the script! I'll use a slightly modified version of it in my project!

Thanks for the script. I edited it a bit too. You forgot to put NProgress.start() or do you call this function somewhere else?

Hi, How to consume this code.? Thanks