10 Best JavaScript Progress Bar Libraries

List hand-picked by Openbase Experts
Learn More

@chakra-ui/progress

⚡️ Simple, Modular & Accessible UI Components for your React Applications

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
3.0/ 5
1
Top Feedback
N/A
GitHub Stars
23K
Weekly Downloads
204K
Last Commit
1mo ago
rn

@tanem/react-nprogress

⌛ A React primitive for building slim progress bars.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
4.0/ 5
1
Top Feedback
N/A
GitHub Stars
235
Weekly Downloads
21K
Last Commit
1mo ago
rfp

react-fileupload-progress

React component of Input file and progress bar

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
5.0/ 5
1
Top Feedback
1Performant
GitHub Stars
102
Weekly Downloads
3K
Last Commit
7mos ago
np

ngx-progressbar

Angular progress bar ☄

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
5.0/ 5
1
Top Feedback
N/A
GitHub Stars
883
Weekly Downloads
12K
Last Commit
2mos ago
pj

pace-js

Automatically add a progress bar to your site.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
3.8/ 5
5
Top Feedback
1Easy to Use
GitHub Stars
15K
Weekly Downloads
27K
Last Commit
6mos ago
jcp

jquery-circle-progress

jQuery Plugin to draw animated circular progress bars

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
5.0/ 5
1
Top Feedback
1Easy to Use
1Performant
GitHub Stars
1K
Weekly Downloads
11K
Last Commit
4yrs ago
pj

progressbar.js

Responsive and slick progress bars

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
4.4/ 5
7
Top Feedback
3Great Documentation
2Easy to Use
1Performant
GitHub Stars
7K
Weekly Downloads
40K
Last Commit
5mos ago
np

@kken94/ngx-progress

The most powerful and customizable progress bar for Angular ✨

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
4.0/ 5
1
Top Feedback
N/A
GitHub Stars
19
Weekly Downloads
67
Last Commit
1mo ago
rp

react-progressbar

Basic progress bar in React.js

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
4.5/ 5
2
Top Feedback
2Great Documentation
1Easy to Use
1Performant
GitHub Stars
87
Weekly Downloads
9K
Last Commit
1yr ago
rsp

react-step-progress-bar

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

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
4.0/ 5
1
Top Feedback
1Great Documentation
1Easy to Use
1Highly Customizable
GitHub Stars
N/A
Weekly Downloads
13K
Last Commit
N/A
rsp

react-sweet-progress

A way to quickly add a progress bar to react app 🌈

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
4.0/ 5
1
Top Feedback
N/A
GitHub Stars
248
Weekly Downloads
9K
Last Commit
4yrs ago
nlx

ngx-loading-x

Multiple Loaders / spinners in angular

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
5.0/ 5
2
Top Feedback
2Great Documentation
2Easy to Use
2Performant
GitHub Stars
8
Weekly Downloads
145
Last Commit
2yrs ago
xap

x-axios-progress-bar

Slim progress bar (NProgress) for Web applications that use Axios library for HTTP requests

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
5.0/ 5
1
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
72
Last Commit
2yrs ago

@react-aria/progress

A collection of libraries and tools that help you build adaptive, accessible, and robust user experiences.

License Icon
License: Apache-2.0
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
6K
Weekly Downloads
31K
Last Commit
1mo ago

@radix-ui/react-progress

An open-source UI component library for building high-quality, accessible design systems and web apps. Maintained by @modulz.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
3K
Weekly Downloads
7K
Last Commit
1mo ago

@react-spectrum/progress

A collection of libraries and tools that help you build adaptive, accessible, and robust user experiences.

License Icon
License: Apache-2.0
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
6K
Weekly Downloads
3K
Last Commit
1mo ago

@react-spectrum/meter

A collection of libraries and tools that help you build adaptive, accessible, and robust user experiences.

License Icon
License: Apache-2.0
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
6K
Weekly Downloads
3K
Last Commit
1mo ago
pro

@react-md/progress

React material design - An accessible React component library built from the Material Design guidelines in Sass

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
2K
Weekly Downloads
2K
Last Commit
1mo ago

@clayui/progress-bar

A web implementation of the Lexicon Experience Language

License Icon
License: BSD-3-Clause
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
181
Weekly Downloads
222
Last Commit
1mo ago
np

nextjs-progressbar

A simple Next.js progressbar component using NProgress.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
277
Weekly Downloads
31K
Last Commit
3mos ago
rpb

@ramonak/react-progress-bar

Simple React progress bar component

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Not Found
User RatingN/A
Top Feedback
N/A
GitHub Stars
46
Weekly Downloads
9K
Last Commit
2mos ago

@availity/progress

React components using Availity UIKit and Bootstrap 4

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
38
Weekly Downloads
102
Last Commit
1mo ago

@syncfusion/ej2-progressbar

Syncfusion JavaScript UI controls library offer more than 50+ cross-browser, responsive, and lightweight HTML5 UI controls for building modern web applications.

License Icon
License: Unknown
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
283
Weekly Downloads
4K
Last Commit
1mo ago
rrl

react-redux-loading-bar

Loading Bar (aka Progress Bar) for Redux and React

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
913
Weekly Downloads
25K
Last Commit
5mos ago

rc-progress

React Progress Bar

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
607
Weekly Downloads
788K
Last Commit
8mos ago
nul

ngx-ui-loader

Multiple Loaders / spinners and Progress bar for Angular 5, 6, 7 and 8+

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
1Easy to Use
GitHub Stars
398
Weekly Downloads
61K
Last Commit
9mos ago

@react-native-community/progress-bar-android

ProgressBar Component for react-native Android

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
54
Weekly Downloads
42K
Last Commit
3mos ago

react-foundation

Foundation as React components.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
593
Weekly Downloads
3K
Last Commit
4mos ago

@syncfusion/ej2-angular-progressbar

Syncfusion Angular UI components library offer more than 50+ cross-browser, responsive, and lightweight angular UI controls for building modern web applications.

License Icon
License: Unknown
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
189
Weekly Downloads
1K
Last Commit
1mo ago
asr

angular-svg-round-progressbar

Angular module that uses SVG to create a circular progressbar

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
744
Weekly Downloads
15K
Last Commit
2mos ago

@syncfusion/ej2-react-progressbar

Syncfusion React UI components library offer more than 50+ cross-browser, responsive, and lightweight react UI controls for building modern web applications.

License Icon
License: Unknown
TypeScript Icon
TypeScript Definitions: Not Found
User RatingN/A
Top Feedback
N/A
GitHub Stars
200
Weekly Downloads
838
Last Commit
1mo ago

@progress/kendo-react-progressbars

Issue tracker - KendoReact http://www.telerik.com/kendo-react-ui/

License Icon
License: Unknown
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
105
Weekly Downloads
15K
Last Commit
4mos ago
rnc

react-native-circular-progress

React Native component for creating animated, circular progress with ReactART

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
2K
Weekly Downloads
27K
Last Commit
1yr ago

@syncfusion/ej2-vue-progressbar

Syncfusion Vue UI component library offer more than 50+ cross-browser, responsive, and lightweight vue UI controls for building modern web applications.

License Icon
License: Unknown
TypeScript Icon
TypeScript Definitions: Not Found
User RatingN/A
Top Feedback
N/A
GitHub Stars
213
Weekly Downloads
336
Last Commit
1mo ago
gpp

gatsby-plugin-page-progress

A progress bar for Gatsby pages 💜

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
23
Weekly Downloads
1K
Last Commit
5mos ago
cor

@ngx-loading-bar/core

Automatic page loading / progress bar for Angular

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
694
Weekly Downloads
37K
Last Commit
9mos ago
vcp

vue3-circle-progress

Highly customizable & lightweight circular progressbar component for Vue 3, built with SVG and extensively customizable

License Icon
License: Unknown
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
9
Weekly Downloads
489
Last Commit
2mos ago

@conectate/ct-loading-bar

LitElement Web Components

License Icon
License: BSD-3-Clause
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
7
Weekly Downloads
19
Last Commit
2mos ago
alb

angular-loading-bar

A fully automatic loading / progress bar for your angular apps.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
5K
Weekly Downloads
32K
Last Commit
5yrs ago
rtp

react-topbar-progress-indicator

`topbar` progress indicator as a React component

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
70
Weekly Downloads
31K
Last Commit
1yr ago
vp

vue-progressbar

A lightweight progress bar for vue

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
1K
Weekly Downloads
30K
Last Commit
3yrs ago
vep

vue-ellipse-progress

A Vue.js component to create beautiful animated circular progress bars

License Icon
License: Unknown
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
1Performant
GitHub Stars
175
Weekly Downloads
4K
Last Commit
8mos ago
kap

@progress/kendo-angular-progressbar

Kendo UI Angular component starter template

License Icon
License: Unknown
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
24K
Last Commit
N/A
vnp

@jambonn/vue-next-progressbar

Slim progress bars for Vue 3.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Not Found
User RatingN/A
Top Feedback
N/A
GitHub Stars
2
Weekly Downloads
131
Last Commit
6mos ago

react-block-ui

Easy way to block the user from interacting with your UI.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
273
Weekly Downloads
14K
Last Commit
1yr ago

vue-radial-progress

Radial progress bar component for Vue.js

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
423
Weekly Downloads
10K
Last Commit
2yrs ago
nsl

ng2-slim-loading-bar-observables

Angular 2 component shows slim loading bar at the top of the page.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
1
Weekly Downloads
93
Last Commit
8mos ago
apb

axios-progress-bar

Slim progress bar (NProgress) for Web applications that use Axios library for HTTP requests

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
211
Weekly Downloads
8K
Last Commit
4yrs ago
nan

nanobar

Very lightweight progress bars. No jQuery

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
3K
Weekly Downloads
8K
Last Commit
5yrs ago
rni

react-native-image-progress

Progress indicator for networked images in React Native

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
2K
Weekly Downloads
7K
Last Commit
2yrs ago