rc-progress-extend

Progress Bar.

Example

https://kaqiinono.github.io/rc-progress-extend

Screenshots

Browsers

• support IE9+, Chrome, Firefox, Safari

Install

Usage

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

ReactDOM.render(<div>
  <Line percent="10" strokeWidth="4" strokeColor="#D3D3D3" />
  <Circle percent="10" strokeWidth="4" strokeColor="#D3D3D3" />
  <Circle
            percent={percent}
            text={`${percent}%`}
            textStyle={{ fontSize: '100px', color: 'red' }}
            strokeWidth="10"
            trailWidth="12"
            strokeColor="url('#grad1')"
            strokeLinecap="round"
            trailColor="rgba(228,246,255,.3)"
            gapDegree="0"
            gapPosition="top"
          />
</div>, container);

API

props

Installation

npm install --save rc-progress-extend

Development

npm install
npm start

License

rc-progress-extend is released under the MIT license.