A Collection of hand-picked 8 Nice Progress Bars component with vue.js code examples.
1.easy-circular-progress
easy circular progress component with counting effect.
Author
dreambo8563
2.vuejs-progress-bar
ProgressBar for vue.js
SVG/Vector based
3 modes: Line, Circle and Cylinder
Author
larsmars
3.Vue Spinner Component
Customize and lightweight Spinner Component for vue.js.
You can customize the color, size, depth, clockwise, speed with setting the props. All props have default value. You can control the spinner show/hidden with setting the status prop.
4.VUE ARC COUNTER
This Vue component generates counter in a circular arc. The angles, colors, strokewidth, spacing between dashes and direction can all be controlled through properties.
5.vue-simple-progress
A simple, flexible progress bar for Vue.js
vue-simple-progress is designed to be a lightweight Vue.js progress bar requiring minimal configuration.
6.vue-wait
Multiple Process Loader Management for Vue and (optionally) Vuex.
This project formerly known as vuex-loading.
vue-wait helps to manage multiple loading states on the page without any conflict. It’s based on a very simple idea that manages an array (or Vuex store optionally) with multiple loading states. The built-in loader component listens its registered loader and immediately become loading state.
7.vue-progress-path
Customizable progress indicators and spinners that support any custom SVG path.
8.vue-simple-spinner
A simple, flexible spinner for Vue.js
vue-simple-spinner is designed to be a lightweight Vue.js spinner requiring minimal configuration.