react-progress-label
TypeScript icon, indicating that this package has built-in type declarations

3.1.7 • Public • Published

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

This project is inspired by kirualex/KAProgressLabel.

License

ISC

Package Sidebar

Install

npm i react-progress-label

Weekly Downloads

251

Version

3.1.7

License

ISC

Unpacked Size

15.5 kB

Total Files

7

Last publish

Collaborators

  • adjusted