20+ Vue Progress Bars - Free Code + Demos
Collection of 20+ Vue Progress Bars. All items are 100% free and open-source.
1. Vue Scroll Progress Bar
Vue.js plugin for page scroll progress bar
Links: Github Page
Created on: January 21, 2019
2. Vue Circle Counter
Circular progress bars and counters
Links: Source Code / Demo
Created on: January 13, 2019
3. Vue Scroll Progress
🎉 Page scroll progress bar component for @vuejs
Links: Github Page
Created on: December 22, 2018
4. VueJS Progress Bar
🖖 Vue.js progress bar
Links: Github Page
Created on: March 12, 2018
5. Vue Progress Scroll
A vue plugin to show a progress bar while reading
Links: Github Page
Created on: February 12, 2018
6. Vue Simple Progress
A simple, flexible progress bar for Vue.js
Links: Github Page
Created on: September 22, 2017
7. Vue Progress Path
Progress bars and loading indicators for Vue.js
Links: Github Page
Created on: September 22, 2017
8. Vue Radial Progress
Radial progress bar component for Vue.js
Links: Github Page
Created on: September 23, 2016
9. Vue Top Progress
Yet another top progress loading bar component for Vue.js.
Links: Github Page
Created on: August 12, 2016
10. Vue Progressbar
A lightweight progress bar for vue
Links: Github Page
Created on: January 28, 2016
11. Loading Bar With Vue.js
Author: Miguel (wordbug)
Links: Source Code / Demo
Created on: October 3, 2018
Made with: HTML, CSS, JS
12. Vue.Js Random Progress Bar
Customize your progress bar with Vue.js !
Author: Abdon Gahungu (abdon-gahungu)
Links: Source Code / Demo
Created on: June 21, 2020
Made with: HTML, CSS, JS
Tags: vue, vuejs, bootstrap, progressbar, framework
13. Vue - Progress Bar
Author: Matthew (mgrech)
Links: Source Code / Demo
Created on: May 16, 2019
Made with: HTML, SCSS, JS
14. Vue Progressbar Test
Author: Roman Kuba (Codebryo)
Links: Source Code / Demo
Created on: April 21, 2017
Made with: HTML, SCSS, Babel
15. Vue Progress Bar Using Transition On Initial Render
Author: Sujin Lee (sujinlee)
Links: Source Code / Demo
Created on: July 26, 2019
Made with: HTML, SCSS, JS
16. Progress Bar Circle Vue
Author: Frank Topel (connexo)
Links: Source Code / Demo
Created on: February 8, 2018
Made with: HTML, SCSS, JS
17. Vue.js Form With Progress Bar
Author: Joe (dope)
Links: Source Code / Demo
Created on: February 24, 2018
Made with: HTML, SCSS, Babel
18. Vue Progress Bar
Author: Josh Bivens (joshbivens)
Links: Source Code / Demo
Created on: March 18, 2016
Made with: HTML, SCSS, JS
19. Vue: Progress Circle
Full disclosure; I took the calculation of the arc from here: https://stackoverflow.com/questions/5736398/how-to-calculate-the-svg-path-for-an-arc-of-a-circle
Author: Carrie Scono (carriescono)
Links: Source Code / Demo
Created on: November 16, 2017
Made with: HTML, Babel
More Awesome Lists:
Share: