Progress component

How to use

import { ProgressBar } from '@getfly-ui/progress';

OR

import { ProgressBar } from 'getfly-ui';

Props

ProgressBar.Line

| Prop | Type | Default | Description | | ---- | ---- | ------- | ----------- | | percent | number | 100 | @description Percent percent track | | percentPreset | enum | | | | useMergeClass | boolean or undefined | | | | className | string or undefined | | | | colorThemeValue | enum | | | | colorValue | string or undefined | | | | label | string or undefined | | | | isShowPercent | boolean or undefined | | | | widthTrack | number or undefined | | | | heightTrack | number or undefined | | | | labelPreset | enum | | | | colorThemeLabel | enum | | | | colorLabel | string or undefined | | | | sizeDot | number or undefined | | | | colorDot | string or undefined | | | | colorThemeDot | enum | | | | colorBorderDot | string or undefined | | | | colorThemeBorderDot | enum | | | | colorThemeTrack | enum | | | | colorTrack | string or undefined | | | | colorBarTheme | enum | | | | colorBar | string or undefined | | | | onChange | ((percent: number) => void) or undefined | | |

ProgressBar.Circle

| Prop | Type | Default | Description | | ---- | ---- | ------- | ----------- | | percent | number | 100 | @description Percent percent track | | percentPreset | enum | | | | useMergeClass | boolean or undefined | | | | className | string or undefined | | | | colorThemeValue | enum | | | | colorValue | string or undefined | | | | size | number | | | | strokeWidth | number | | | | colorThemeStroke | enum | | | | colorStroke | string or undefined | | | | colorThemeBorder | enum | | | | colorBorder | string or undefined | | | | text | string or undefined | | | | colorThemeBackground | enum | | | | colorBackground | string or undefined | | |