Collection of hand-picked free Vue progress bar code examples. Update of January 2020 collection. 4 new items.
Related Articles:
- CSS Progress Bars
- Bootstrap Progress Bars
- JavaScript Progress Bars
- React Progress Bars
- jQuery Progress Bars
Links
Made with
- HTML / CSS (SCSS) / JS (Babel)
About a code
Doom Eternal Inspired Health Bar
Somewhat inspired by the health and shield bars in DOOM Eternal. Drag the slider to adjust and see the varying levels of health.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: vue.js, gsap.js
Links
Made with
- HTML / CSS (SCSS) / JS
About a code
Arc Progress Concept - with Vue.js and SVG
Count down? Count up? Progress? Just playing with an idea using SVG arcs and data controls with Vue.js.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: vue.js
Links
About a code
Vue Ellipse Progress
A Vue.js component to create beautiful animated circular progress bars.
Links
About a code
Vue Read Progress
Customizable progress bar at the top of the page that shows the scroll progress.
Links
About a code
Vue Scroll Progress Bar
Vue.js plugin for page scroll progress bar.
Links
About a code
Vue Circle Counter
This Vue component creates a circular counter. The angle, colors, strokewidth, spacing between dashes and direction can all be controlled through properties.
Links
About a code
Vue Scroll Progress
Page scroll progress bar component for Vuejs.
Links
About a code
VueJS Progress Bar
Vue.js progress bar.
Links
About a code
Vue Progress Scroll
Tiny Vue plugin to show a progress bar while user is reading an article or ...
Links
About a code
Vue Simple Progress
A simple, flexible progress bar for Vue.js.
Links
About a code
Vue Progress Path
Progress bars and loading indicators for Vue.js
Links
About a code
Vue Radial Progress
A radial progress bar component for Vue.js. Uses SVG and javascript to animate a radial progress bar with a gradient.
Links
About a code
Vue Top Progress
Yet another top progress loading bar component for Vue.js.
Links
About a code
Vue Progressbar
A lightweight progress bar for VueJS.