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

1
dreambo8563

View on Github


2.vuejs-progress-bar

ProgressBar for vue.js
SVG/Vector based
3 modes: Line, Circle and Cylinder

Author

1
larsmars

View on Github


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.

View on Github


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.

View on Github


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.

View on Github


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.

View on Github


7.vue-progress-path

Customizable progress indicators and spinners that support any custom SVG path.

View on Github


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.

View on Github