Movatterモバイル変換


[0]ホーム

URL:


Skip to content
DEV Community
Log in Create account

DEV Community

StuartCreed
StuartCreed

Posted on

     

A good progress bar package

A neat js progress bar package:

https://www.npmjs.com/package/nprogress

For an example of use with VueJS and axios interceptors seehttps://www.vuemastery.com/courses/next-level-vue/progress-bar-axios-interceptors. Note: this is a part of a paid course.

It uses axios interceptors as a middleware for invoking the loading bar e.g:

import axios from 'axios'import NProgress from 'nprogress' // <--- Import the library    const apiClient = axios.create({ ... })    apiClient.interceptors.request.use(config => { // Called on request      NProgress.start()      return config    })    apiClient.interceptors.response.use(response => { // Called on response      NProgress.done()      return response    })
Enter fullscreen modeExit fullscreen mode

Top comments(0)

Subscribe
pic
Create template

Templates let you quickly answer FAQs or store snippets for re-use.

Dismiss

Are you sure you want to hide this comment? It will become hidden in your post, but will still be visible via the comment'spermalink.

For further actions, you may consider blocking this person and/orreporting abuse

Full Stack Web Developer
  • Location
    Bournemouth
  • Education
    Masters in Aeronautical and Astronautical Engineering
  • Work
    Full Stack Web Developer at Poole Bay Holdings
  • Joined

More fromStuartCreed

DEV Community

We're a place where coders share, stay up-to-date and grow their careers.

Log in Create account

[8]ページ先頭

©2009-2025 Movatter.jp