UNPKG

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