openbase logo
openbase logo
CategoriesNews FeedCompare

10 Best JavaScript Progress Bar Libraries

List hand-picked by Openbase Experts
Learn More

@chakra-ui/progress

@chakra-ui/progress

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

408K
30.8K
Built-in
MIT
np

ngx-progressbar

Angular progress bar ☄

16K
910
Built-in
MIT
np

nextjs-progressbar

A simple Next.js progressbar component using NProgress.

80.6K
515
Built-in
MIT
rn

@tanem/react-nprogress

⌛ A React primitive for building slim progress bars.

28.3K
316
Built-in
MIT
react-foundation

react-foundation

Foundation as React components.

4.2K
595
DefinitelyTyped
MIT
react-block-ui

react-block-ui

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

14.2K
290
Built-in
MIT
jcp

jquery-circle-progress

jQuery Plugin to draw animated circular progress bars

10.3K
1.1K
No support
MIT
pj

progressbar.js

Responsive and slick progress bars

42.6K
7.6K
DefinitelyTyped
MIT
pj

pace-js

Automatically add a progress bar to your site.

32.1K
15.5K
No support
MIT
nsl

ng2-slim-loading-bar

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

1.5K
368
Built-in
MIT
rfp

react-fileupload-progress

React component of Input file and progress bar

1.3K
101
No support
MIT
rnc

react-native-circular-progress

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

32.4K
Built-in
MIT
rsp

react-sweet-progress

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

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

@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

rc-progress

React Progress Bar

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

@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

@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

@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

@clayui/progress-bar

A web implementation of the Lexicon Experience Language

255
202
Built-in
BSD-3-Clause
pro

@react-md/progress

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

1.3K
2.3K
Built-in
MIT
rrl

react-redux-loading-bar

Loading Bar (aka Progress Bar) for Redux and React

28.5K
916
Built-in
MIT
cor

@ngx-loading-bar/core

Automatic page loading / progress bar for Angular

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

@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

angular-loading-bar

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

57.4K
5.2K
DefinitelyTyped
MIT
vp

vue-progressbar

A lightweight progress bar for vue

36.6K
1.4K
No support
MIT
nul

ngx-ui-loader

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

24.9K
412
Built-in
MIT
asr

angular-svg-round-progressbar

Angular module that uses SVG to create a circular progressbar

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

vue-radial-progress

Radial progress bar component for Vue.js

11.8K
462
No support
MIT
rni

react-native-image-progress

Progress indicator for networked images in React Native

9.5K
1.7K
Built-in
MIT
rp

react-progress

Simple youtube style progress bar for React

9.2K
154
No support
MIT
vep

vue-ellipse-progress

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

8.5K
212
No support
apb

axios-progress-bar

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

8.5K
233
No support
MIT
rpb

react-progress-bar-plus

Progress bar component for ReactJS.

5.5K
205
No support
MIT
nan

nanobar

Very lightweight progress bars. No jQuery

3.9K
2.8K
No support
MIT
vue-nprogress

vue-nprogress

Progress bars is based on nprogress for Vue

3.2K
183
No support
MIT
bp

bootstrap-progressbar

progressbar interactions for twitter bootstrap 2 & 3

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

@material/react-linear-progress

Material Components for React (MDC React)

2.1K
2K
Built-in
MIT
ecp

easy-circular-progress

easy circular progress component with counting effect 💫🏺🎡

1.6K
113
No support
MIT
rna

react-native-animated-progress

Need an animated and customizable ProgressBar? Here it ts!

1.5K
DefinitelyTyped
ISC
rnp

react-native-progress-bar-animated

📊 Simple, customizable and animated progress bar for React Native

1.5K
50
No support
ISC
vpp

vue-progress-path

Progress bars and loading indicators for Vue.js

1.3K
392
No support
MIT
rpj

react-progressbar.js

Responsive and slick progress bars for React.

1.2K
311
No support
MIT
ngp

ngprogress

slim, site-wide progressbar for AngularJS

1.1K
DefinitelyTyped
MIT
gpp

gatsby-plugin-page-progress

Progress indicator for the top of pages as user scrolls

995
No support
MIT
vtp

vue-top-progress

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

977
257
No support
MIT
rp2

react-progress-2

ReactJS Progress 2

953
261
No support
ISC
bw

bootstrap-waitingfor

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

933
137
DefinitelyTyped
MIT
nne

next-nprogress-emotion

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

615
3
Built-in
MIT
vue-multiple-progress

vue-multiple-progress

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

537
136
No support
MIT
nn

next-nprogress

Next.js HOC to integrate NProgress inside your app

457
150
DefinitelyTyped
MIT
Openbase
SearchCategoriesCompareNews FeedWhat is Openbase?Help Center
Openbase for Business
MaintainersClaim PackagesPromote PackagesAvertiseAPI
Company
AboutBlogMedia KitPrivacyTerms

Openbase is the leading platform for developers to discover and choose open-source

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.