@acodez/progressbar 中文文档教程

Question

@acodez/progressbar

React 进度条有很多定制。

---

• Installation
• PropsAPI
• Usage

---

Installation

npm install @acodez/progressbar

Props API

Property	Type	Required	Description
progress	string	yes	progress value, example 30
color	string	no	color scheme, choose from primary, secondary, warning, success, danger, info, dark, light
type	string	no	choose from normal, striped, animate, animate-striped
size	string	no	size (height) of progressbar, choose from xs, sm, md, lg
ShowProgressCount	string	no	whether count need to show near to bar
CountPosition	string	no	progress count position, choose from overlay, right, left
corner	string	no	progressbar border radius, square or rounded

---

Usage

import Progressbar from "@acodez/progressbar";

Basic

<Progressbar progress="70" />

动画进度条< /strong>

<Progressbar progress="70" type="animate" />

条纹进度条

<Progressbar progress="70" type="striped" />

条纹动画 ```jsx

**With progress text** 

jsx

**Text position to right** 

jsx

**Changing the color theme** 

jsx

**Changing the size - height** 

jsx

**Changing the border radius** 

jsx```