rc-progress alternatives and similar libraries

Based on the "Loader" category.
Alternatively, view rc-progress alternatives based on common mentions on social networks and blogs.

react-content-loader

9.2 4.9 rc-progress VS react-content-loader

⚪ SVG-Powered component to easily create skeleton loadings.
react-spinners

7.7 7.1 rc-progress VS react-spinners

A collection of loading spinner components for react

Amplication: open-source Node.js backend code generator

An open-source platform that helps developers build backends without spending time on boilerplate & repetitive coding. Including production-ready GraphQL & REST APIs, DB schema, DTOs, filtering, pagination, RBAC, & more.

Promo amplication.com

halogen

6.8 0.0 rc-progress VS halogen

A collection of loading spinners with React.js
react-spinkit

6.4 0.0 rc-progress VS react-spinkit

A collection of loading indicators animated with CSS for React
react-loader-spinner

5.8 0.0 rc-progress VS react-loader-spinner

Collection sets of a spinners for async operations for ReactJS
react-redux-loading-bar

5.8 0.0 rc-progress VS react-redux-loading-bar

Loading Bar (aka Progress Bar) for Redux and React
react-loader

5.1 0.0 rc-progress VS react-loader

React component that displays a spinner via spin.js until your component is loaded.
react-progress-button

4.8 1.9 rc-progress VS react-progress-button

:cyclone: Simple react.js component for an inline progress indicator
react-block-ui

4.2 7.3 rc-progress VS react-block-ui

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

4.1 0.0 rc-progress VS react-loaders

Lightweight wrapper around Loaders.css.
spinners-react

3.9 0.0 rc-progress VS spinners-react

Lightweight SVG/CSS spinners for React
react-ladda

3.7 0.0 rc-progress VS react-ladda

React wrapper for Ladda buttons.
react-spinners-css

3.5 0.0 rc-progress VS react-spinners-css

Amazing collection of React spinners components with pure css
react-md-spinner

2.9 0.0 rc-progress VS react-md-spinner

Material Design spinner components for React.js.
react-progress-label

2.3 0.0 rc-progress VS react-progress-label

Progress component for React and React Native
React Nested Loader

1.5 0.0 rc-progress VS React Nested Loader

The easiest way to inject a loader into a deeply nested component

Do you think we are missing an alternative of rc-progress or a related project?

Add another 'Loader' Library

Popular Comparisons

README

rc-progress

Progress Bar.

Example

https://progress.react-component.vercel.app/

Screenshots

Browsers

support IE9+, Chrome, Firefox, Safari

Install

Usage

import { Line, Circle } from 'rc-progress';

export default () => (
  <>
     <Line percent={10} strokeWidth={4} strokeColor="#D3D3D3" />
     <Circle percent={10} strokeWidth={4} strokeColor="#D3D3D3" /> 
  </>
);

Compatibility

IE / Edge	Firefox	Chrome	Safari	Electron
IE11, Edge	last 2 versions	last 2 versions	last 2 versions	last 2 versions

API

props

name type default description strokeWidth Number 1 Width of the stroke. Unit is percentage of SVG canvas size. strokeColor String #2db7f5 Stroke color. trailWidth Number 1 Width of the trail stroke. Unit is percentage of SVG canvas size. Trail is always centered relative to actual progress path. If trailWidth are not defined, it same as strokeWidth. trailColor String #D9D9D9 Color for lighter trail stroke underneath the actual progress path. strokeLinecap String 'round' The shape to be used at the end of the progress bar, can be butt, square or round. prefixCls String rc-progress prefix className for component className String customized className style Object style object will be added to svg element percent Number | Number[] 0 the percent of the progress gapDegree Number 0 the gap degree of half circle, 0 - 360 gapPosition String top the gap position, value: top, bottom, left, right.