Collection of hand-picked free React progress bar code examples.

Related Articles:

  1. CSS Progress Bars
  2. JavaScript Progress Bars
  3. jQuery Progress Bars
  4. Vue Progress Bars

Author

  • Juani Gallo

Made with

  • HTML / CSS (SCSS) / JS (Babel)

About a code

Year Progress

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: react.js, react-dom.js

Demo image: React Gradient Progress

Author

  • Prasanna Mestha

About a code

React Gradient Progress

Simple and light circular progressbar with gradient

Author

  • Filip Pajic

About a code

React Native Semi Circle Progress

Lightweight, animated and easy to use semi circle progress bar for React Native.

Demo image: react-nprogress

Author

  • Tane Morgan

About a code

react-nprogress

A React primitive for building slim progress bars.

Author

  • Pierre-Eric Garcia

About a code

React Step Progress Bar

A library to create stunning progress bars and steps in React.

Author

  • Nikita Abraztsov

About a code

React Sweet Progress

A way to quickly add a react progress bar to your app.

Author

  • Makoto Tateno

About a code

React Reading Rrogress

Reading progress bar component.

Author

  • Nick Stanish

About a code

Reprogressbars

Reprogressbars is a progress bar library built on React.

Author

  • Anton Mironov

About a code

React Redux Loading Bar

A React component that provides Loading Bar (aka Progress Bar) for long running tasks.

Author

  • Kota Fullsour

About a code

React Native Progress Bar Classic

Simple animated progress bar for React Native.

Author

  • Kimmo Brunfeldt

About a code

react-progressbar.js

Responsive and slick progress bars for React. Line, circle and semicircle shaped progress bars are provided and their animations are highly customizable.

Author

  • Minh Tran

About a code

React Progress Bar Plus

Progress bar component for ReactJS.

Author

  • react-component

About a code

rc-progress

React progress bar.

Demo image: React Native Progress Bar

Author

  • Loch Wansbrough

About a code

React Native Progress Bar

An animated progress bar for React Native.

Demo image: React Vertical Timeline

Author

  • Jesús F. Trujillo

About a code

React Vertical Timeline

Vertical progress bar with bookmarks support.

Demo image: React Progress

Author

  • cezary

About a code

React Progress

Youtube style progress bar for React.

Author

  • abdennour

About a code

react-progressbar

Basic progress bar in React.js.