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

408K
30.8K
Built-in
MIT
np

Angular progress bar ☄

16K
910
Built-in
MIT
np

A simple Next.js progressbar component using NProgress.

80.6K
515
Built-in
MIT
rn

⌛ A React primitive for building slim progress bars.

28.3K
316
Built-in
MIT
react-foundation

Foundation as React components.

4.2K
595
DefinitelyTyped
MIT
react-block-ui

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

14.2K
290
Built-in
MIT
jcp

jQuery Plugin to draw animated circular progress bars

10.3K
1.1K
No support
MIT
pj

Responsive and slick progress bars

42.6K
7.6K
DefinitelyTyped
MIT
pj

Automatically add a progress bar to your site.

32.1K
15.5K
No support
MIT
nsl

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

1.5K
368
Built-in
MIT
rfp

React component of Input file and progress bar

1.3K
101
No support
MIT
rnc

React Native component for creating animated, circular progress with react-native-svg

32.4K
Built-in
MIT
rsp

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

13.8K
245
No support
MIT
@react-aria/progress

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

89.4K
7.9K
Built-in
Apache-2.0
rc-progress

React Progress Bar

951K
660
Built-in
MIT
@radix-ui/react-progress

Radix Primitives is an open-source UI component library for building high-quality, accessible design systems and web apps. Maintained by @workos.

32.9K
7.5K
Built-in
MIT
@react-spectrum/progress

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

7.6K
7.9K
Built-in
Apache-2.0
@react-spectrum/meter

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

7K
7.9K
Built-in
Apache-2.0
@clayui/progress-bar

A web implementation of the Lexicon Experience Language

255
202
Built-in
BSD-3-Clause
pro

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

1.3K
2.3K
Built-in
MIT
rrl

Loading Bar (aka Progress Bar) for Redux and React

28.5K
916
Built-in
MIT
cor

Automatic page loading / progress bar for Angular

39.2K
708
Built-in
MIT
@progress/kendo-react-progressbars

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

20.3K
154
Built-in
SEE LICENSE IN LICENSE.md
alb

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

57.4K
5.2K
DefinitelyTyped
MIT
vp

A lightweight progress bar for vue

36.6K
1.4K
No support
MIT
nul

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

24.9K
412
Built-in
MIT
asr

Angular module that uses SVG to create a circular progressbar

15.4K
742
Built-in
MIT
vue-radial-progress

Radial progress bar component for Vue.js

11.8K
462
No support
MIT
rni

Progress indicator for networked images in React Native

9.5K
1.7K
Built-in
MIT
rp

Simple youtube style progress bar for React

9.2K
154
No support
MIT
vep

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

8.5K
212
No support
apb

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

8.5K
233
No support
MIT
rpb

Progress bar component for ReactJS.

5.5K
205
No support
MIT
nan

Very lightweight progress bars. No jQuery

3.9K
2.8K
No support
MIT
vue-nprogress

Progress bars is based on nprogress for Vue

3.2K
183
No support
MIT
bp

progressbar interactions for twitter bootstrap 2 & 3

3.1K
589
No support
MIT
@material/react-linear-progress

Material Components for React (MDC React)

2.1K
2K
Built-in
MIT
ecp

easy circular progress component with counting effect 💫🏺🎡

1.6K
113
No support
MIT
rna

Need an animated and customizable ProgressBar? Here it ts!

1.5K
DefinitelyTyped
ISC
rnp

📊 Simple, customizable and animated progress bar for React Native

1.5K
50
No support
ISC
vpp

Progress bars and loading indicators for Vue.js

1.3K
392
No support
MIT
rpj

Responsive and slick progress bars for React.

1.2K
311
No support
MIT
ngp

slim, site-wide progressbar for AngularJS

1.1K
DefinitelyTyped
MIT
gpp

Progress indicator for the top of pages as user scrolls

995
No support
MIT
vtp

Yet another top progress loading bar component for Vue.js.

977
257
No support
MIT
rp2

ReactJS Progress 2

953
261
No support
ISC
bw

"Waiting for..." modal dialog with progress bar for Bootstrap

933
137
DefinitelyTyped
MIT
nne

Theme aware NProgress component to use in Next.js apps using Emotion or ThemeUI.

615
3
Built-in
MIT
vue-multiple-progress

基于Vue 2.x 的进度条,支持直线和环形(顺时针和逆时针)。Vue-based progress component, support line and circle(clockwise or couterclockwise).

537
136
No support
MIT
nn

Next.js HOC to integrate NProgress inside your app

457
150
DefinitelyTyped
MIT
Description
Author
License
Type Definitions
ESM Support
Tree Shakeable
Popularity
Downloads/wk
GitHub Stars
Reviews
User Rating
Voted Good Docs
Voted Easy of Use
Voted Performant
Top Positive Review
Top Negative Review
Issues
Total Issues
Open Issues
Avg Time to Close
Pull Requests
Total Pull Requests
Open Pull Requests
Avg Time to Merge
Community
Maintainers
Contributors
Contributors with 3+ commits
Top Committers
GitHub Forks
Versions
# of Versions
Latest
Next
Beta
Newest
Oldest
Major Every
Minor Every
Patch Every
Dependencies
Dependencies
Dev Dependencies
Links
More Info
README
Tutorials
Install Command
There's Nothing Here
No packages are selected.
Select a few packages to compare.