test-nut-ui
Version: 
<p align="center"> <img alt="logo" src="https://img11.360buyimg.com/imagetools/jfs/t1/211965/25/7152/22022/61b16785E433119bb/aa41d7a9f7e823f3.png" width="150" style="margin-bottom: 10px;"> </p>
56 lines (55 loc) • 1.23 kB
TypeScript
import React, { FunctionComponent } from 'react';
import { BasicComponent } from '../../utils/typings';
export interface ProgressProps extends BasicComponent {
    /**
    * 百分比
    * @default 0
    */
    percent: number
    /**
    * 进度条背景颜色
    * @default #f3f3f3
    */
    background: string
    /**
    * 进度条线条颜色
    * @default linear-gradient(135deg, #fa2c19 0%, #fa6419 100%)
    */
    color: string
    /**
    * 进度条宽度
    * @default -
    */
    strokeWidth: string
    /**
    * 是否显示文字内容
    * @default false
    */
    showText: boolean
    /**
    * 是否显示右侧百分比文字
    * @default true
    */
    showRightPercentText: boolean
    /**
    * 是否显示内部百分比文字
    * @default false
    */
    showInnerPercentText: boolean
    /**
    * 是否展示动画效果
    * @default false
    */
    animated: boolean
    /**
    * 每次进入可视区展示进度条动画
    * @default false
    */
    lazy: boolean
    /**
    * 延迟数据加载时长,单位 ms
    * @default 0
    */
    delay: number
}
export declare const Progress: FunctionComponent<Partial<ProgressProps> & React.HTMLAttributes<HTMLDivElement>>;