uxcore-progress

uxcore-progress component for uxcore.

Usage no npm install needed!

<script type="module">
  import uxcoreProgress from 'https://cdn.skypack.dev/uxcore-progress';
</script>

README

uxcore-progress

NPM version build status Test Coverage Dependency Status devDependency Status NPM downloads

Sauce Test Status

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