uxcore-progress

uxcore-progress

setup develop environment

$ git clone https://github.com/uxcore/uxcore-progress
$ cd uxcore-progress
$ npm install
$ npm start

Usage

import {Line, Circle} from 'uxcore-progress';
ReactDOM.render(<Line percent={30} />, target);
ReactDOM.render(<Circle status="active" />, target);

demo

http://uxco.re/components/progress/

API

Props

Line

配置项	类型	必填	默认值	功能/备注
percent	百分比	number	0
status	状态，有两个值normal、exception、active三种状态	string	normal
strokeWidth	进度条线的宽度，单位是px	number	10
showInfo	是否显示进度数值和状态图标	bool	true

Circle

配置项	类型	必填	默认值	功能/备注
percent	百分比	number	0
status	状态，有两个值normal、exception、active三种状态	string	normal
strokeWidth	进度条线的宽度，单位是px	number	6
showInfo	是否显示进度数值和状态图标	bool	true
size	尺寸，相当于直径	number	156