7 Best Loading/Progress Indicator Libraries For Vue.js (2021 Update)

A loading/progress indicator provides an easy way to show the current loading status while data in a specific area or the whole document is loading.

This is a curated list of 7 best components and JavaScript libraries for Vue.js applications to create awesome loading & progress indicators during HTTP requests, routing change, or all you want. Enjoy.

Originally published Mar 19 2020, updated June 18 2021

1. Adpative Skeleton Loading Component For Vue.js

Adpative Skeleton Loading Component For Vue.js

Demo Download

A lightweight and themeable skeleton loader component that automatically adapts to your app content.


2. Fullscreen Loading Indicator For Vue.js 2

Fullscreen Loading Indicator For Vue.js 2

Demo Download

Vue.js v2.x component for full-screen loading indicator.


3. Loading Spinner Collection For Vue.js – vue-spinners

Loading Spinner Collection For Vue.js – vue-spinners

Demo Download

Yet another collection of loading spinners for Vue.js app.


4. SVG Loading Spinners For Vue.js

SVG Loading Spinners For Vue.js

Demo Download

A simple component that allows to insert SVG based loading indicators/spinners to your Vue.js applications.


5. Simple Loading Screen For Vue

Simple Loading Screen For Vue

Demo Download

A simple loading screen plugin for your Vue application.


6. Vue Loading Spinner Collection

Vue Loading Spinner Collection

Demo Download

Just another collection of loading spinners for Vue.js based web applications.


7. Loading Indicator In Button For Vue.js – vue-loading-button

Loading Indicator In Button For Vue.js – vue-loading-button

Demo Download

Just another ‘ladda button’ component for Vue.js which creates a loading indicator in the button once triggered.


More Resources:

You might not need a Vue.js component or UI library to create loading & progress indicates on your app. Here are a few resources which you can achieve it via Vanilla JavaScript or Pure CSS:

You Might Be Interested In: