ant-design/components/progress/index.md
afc163 753c01ae18 ES6 syntax for demo code
fix antd.notification
2015-10-28 20:55:49 +08:00

1.4 KiB
Raw Blame History

Progress

  • category: Components
  • chinese: 进度条
  • type: 展示

展示操作的当前进度。

何时使用

在操作需要较长时间才能完成时,为用户显示该操作的当前进度和状态。

  • 当一个操作会打断当前界面或者需要在后台运行且耗时可能超过2秒时
  • 当需要显示一个操作完成的百分比时。

API

Progress Line

参数 说明 类型 默认值
percent 百分比 number 0
status 状态有两个值normal、exception、active三种状态 string normal
strokeWidth 进度条线的宽度单位是px number 1
showInfo 是否显示进度数值和状态图标 bool true

Progress Circle

参数 说明 类型 默认值
percent 百分比 number 0
status 状态有两个值normal、exception string normal
strokeWidth 进度条线的宽度,单位是进度条画布宽度的百分比 number 1
width 必填进度条画布宽度单位px。这里没有提供height属性设置Line型高度就是strokeWidthCircle型高度等于width number null