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