30+ React Progress Bars - Free Code + Demos
Collection of 30+ React Progress Bars. All items are 100% free and open-source.
1. Year Progress
Author: Juani Gallo (juanigallo)
Links: Source Code / Demo
Created on: January 1, 2020
Made with: HTML, SCSS, Babel
2. React Gradient Progress
Simple light circular progress bars in react with gradient.
Links: Github Page, Medium Article
Created on: August 13, 2019
3. React Native Semi Circle Progress
Lightweight, Animated and Easy to use semi circle progress bar for React Native
Links: Github Page
Created on: May 29, 2019
4. React NProgress
:hourglass: A React primitive for building slim progress bars.
Links: Github Page
Created on: September 30, 2018
5. React Step Progress Bar
A library to create stunning progress bars and steps in React 🌡
Links: Github Page, Home Page
Created on: August 21, 2018
6. React Sweet Progress
A way to quickly add a progress bar to react app 🌈
Links: Github Page
Created on: April 6, 2017
7. React Reading Rrogress
:six_pointed_star: react reading progress bar component
Links: Github Page
Created on: September 10, 2017
8. Re Progress Bars
React progress bars
Links: Github Page
Created on: January 7, 2017
9. React Redux Loading Bar
Loading Bar (aka Progress Bar) for Redux and React
Links: Github Page
Created on: April 22, 2016
10. React Native Progress Bar Classic
Simple animated progress bar for React Native
Links: Github Page
Created on: January 6, 2016
11. React Progressbar.js
Responsive and slick progress bars for React.
Links: Github Page, Home Page
Created on: September 7, 2015
12. React Progress Bar Plus
Progress bar component for ReactJS.
Links: Github Page
Created on: May 17, 2015
13. Rc Progress
React Progress Bar
Links: Github Page
Created on: April 15, 2015
14. React Native Progress Bar
An animated progress bar for React Native
Links: Github Page
Created on: April 24, 2015
15. React Vertical Timeline
16. React Progress
Simple youtube style progress bar for React
Links: Github Page
Created on: January 9, 2015
17. React Progressbar
Basic progress bar in React.js
Links: Github Page
Created on: September 27, 2014
18. React Circular Progress Bar
Author: David Codina (DaveMan)
Links: Source Code / Demo
Created on: April 22, 2019
Made with: HTML, CSS, Babel
19. React Progress Bar
Author: David Federspiel (federspielen)
Links: Source Code / Demo
Created on: October 6, 2017
Made with: HTML, SCSS, Babel
20. React — Progress Bar
Slowly getting started with React. Built this progress bar as part of a project and decided to make a pen out of it.
Author: Rafael Derolez (rafaelderolez)
Links: Source Code / Demo
Created on: July 18, 2016
Made with: HTML, SCSS, Babel
Tags: react, babel, progress, bar, jsx
21. React Round Progress Bar
Author: Naturalclar (naturalclar)
Links: Source Code / Demo
Created on: November 7, 2017
Made with: HTML, CSS, Babel
22. React Radial Progress Indicator - Step 2 Expressing Progress On A Circle
Author: Leon de Rijke (leonderijke)
Links: Source Code / Demo
Created on: October 19, 2016
Made with: HTML, SCSS, Babel
23. Year Progress
Displays the current year progress. Happy new year! :)
Author: tolga (tolgacesur)
Links: Source Code / Demo
Created on: December 14, 2019
Made with: HTML, CSS, JS
Tags: year, year progress, new-year
24. React Progress Bar
Author: Elaine Huang (elainehuang)
Links: Source Code / Demo
Created on: January 10, 2018
Made with: HTML, SCSS, Babel
Tags: react, progress-bar, popover
25. Animate Gradient In React
Answer to https://stackoverflow.com/questions/49026159/how-to-apply-gradient-animation-effects-in-react-component
Author: Janick Fischer (JanickFischr)
Links: Source Code / Demo
Created on: February 28, 2018
Made with: HTML, CSS, Babel
Tags: react, jsx, gradient, css, animation
More Awesome Lists:
Share: