Progress 进度条

优质
小牛编辑
123浏览
2023-12-01

进度条组件。

Usage

全部引入

import { Progress } from 'beeshell';

按需引入

import { Progress } from 'beeshell/dist/components/Progress';

Examples

image

Code

详细 Code

<Progress
  easing={true}
  percent={90}
  barStyle={{ height: 3 }}
/>

API

Props

NameTypeRequiredDefaultDescription
styleViewStylefalsenull样式
barStyleViewStylefalsenull进度动条的样式,可以通过设置 backgroundColor 来改变动条的颜色
percentnumberfalse0进度条长度百分比
easingbooleanfalsetrue是否启用动画效果
durationnumberfalse300进度条运动时间