swiftcarrot / React Progress Label
Licence: isc
Progress component for React and React Native
Stars: ✭ 92
Programming Languages
javascript
184084 projects - #8 most used programming language
Labels
react-progress-label
Progress component for React and React Native
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 the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].