Popularity

2.2

Declining

Activity

0.0

Stable

Stars 92

Watchers 6

Forks 23

Last Commit over 2 years ago

Programming language: JavaScript

License: ISC License

Tags: UI Components Loader React React-component Progress Circle

react-progress-label alternatives and similar libraries

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

react-content-loader

9.2 2.8 react-progress-label VS react-content-loader

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

7.7 5.0 react-progress-label VS react-spinners

A collection of loading spinner components for react

SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App

With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

Promo surveyjs.io

halogen

6.7 0.0 react-progress-label VS halogen

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

6.4 0.0 react-progress-label VS react-spinkit

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

5.9 9.0 react-progress-label VS react-loader-spinner

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

5.8 6.2 react-progress-label VS react-redux-loading-bar

Loading Bar (aka Progress Bar) for Redux and React
rc-progress

5.6 6.0 react-progress-label VS rc-progress

React Progress Bar
react-loader

5.1 0.0 react-progress-label VS react-loader

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

4.7 0.0 react-progress-label VS react-progress-button

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

4.2 7.3 react-progress-label VS react-block-ui

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

4.1 0.0 react-progress-label VS react-loaders

Lightweight wrapper around Loaders.css.
spinners-react

3.9 0.0 react-progress-label VS spinners-react

Lightweight SVG/CSS spinners for React
react-ladda

3.7 0.0 react-progress-label VS react-ladda

React wrapper for Ladda buttons.
react-spinners-css

3.5 0.0 react-progress-label VS react-spinners-css

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

2.9 0.0 react-progress-label VS react-md-spinner

Material Design spinner components for React.js.
React Nested Loader

1.5 0.0 react-progress-label VS React Nested Loader

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

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

Add another 'Loader' Library

Popular Comparisons

README

react-progress-label

Progress component for React and React Native

screenshot

Installation

yarn add react-progress-label
npm install react-progress-label --save

Demo

https://swiftcarrot.dev/react-progress-label

Usage

<ProgressLabel
  progress={50}
  startDegree={60}
  progressWidth={8}
  trackWidth={20}
  trackBorderWidth={0}
  trackBorderColor="#0000ff"
  cornersWidth={4}
  size={400}
  fillColor="black"
  trackColor="red"
  progressColor="green"
/>

React Native usage

We need to install react-native-svg first. The native version implements the same api as the web version.

import ProgressLabel from 'react-progress-label';

This project is inspired by kirualex/KAProgressLabel.

License

ISC

*Note that all licence references and agreements mentioned in the react-progress-label README section above are relevant to that project's source code only.