Skip to content
Progress component for React and React Native
JavaScript
Branch: master
Clone or download
Latest commit c861a49 Sep 16, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
src
.gitignore
.travis.yml
LICENSE
README.md
babel.config.js
index.d.ts sync Jul 28, 2019
native.js
package.json
rollup.config.js
screenshot.png
yarn.lock

README.md

react-progress-label

npm npm Build Status codecov styled with prettier

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/native';

This project is inspired by kirualex/KAProgressLabel.

License

ISC

You can’t perform that action at this time.