# @bj-nsc/progressbar

> 水平进度条

Latest version **1.0.7** (published 2020-12-04) · MIT license · 0 weekly downloads

## Install

```sh
npm install @bj-nsc/progressbar
pnpm add @bj-nsc/progressbar
yarn add @bj-nsc/progressbar
bun add @bj-nsc/progressbar
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.7 |
| Published | 2020-12-04 |
| First published | 2020-05-13 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 3 |
| Unpacked size | 8.1 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | nsc |
| Maintainers | bjnsc_zrx, wu_han |
| Keywords | progressbar |

## Links

- npm: https://www.npmjs.com/package/@bj-nsc/progressbar
- Repository: https://github.com/bj-north-star/nsc-base-component
- Homepage: https://github.com/bj-north-star/nsc-base-component#readme
- Issues: https://github.com/bj-north-star/nsc-base-component/issues
- npm.io page: https://npm.io/package/@bj-nsc/progressbar

## Dependencies (3)

- [react](https://npm.io/package/react.md) ^16.12.0
- [react-dom](https://npm.io/package/react-dom.md) ^16.12.0
- [react-router-dom](https://npm.io/package/react-router-dom.md) ^5.1.2

## Recent versions

- 1.0.7 (latest) — 2020-12-04
- 1.0.6 — 2020-12-04
- 1.0.5 — 2020-06-08
- 1.0.4 — 2020-05-25
- 1.0.3 — 2020-05-21
- 1.0.2 — 2020-05-21
- 1.0.1 — 2020-05-13
- 1.0.0 — 2020-05-13

## README

简单的水平进度条

**## 安装和使用**

**npm 安装**

```
npm i @bj-nsc/progressbar
```

**yarn 安装**

```
yarn add @bj-nsc/progressbar
```

在代码里使用

```javascript
const totalProgressOptions = {
  width: 18.75,
  height: 1.5,
  unit: "vw",
};

<ProgressBar value={100} label={"总进度"} options={totalProgressOptions} />;
```

### Props

属性详细说明

- `value` 进度值
- `label` 标签名称
- `showLabel` 是否显示标签
- `width` 进度条宽度
- `height` 进度条高度
- `unit` 值单位 px|vw
- `radius` 圆角值
- `bgColor` 进度条背景
- `barColor` 进度条颜色
- `labelOptions` 标签配置 (对象类型)
- `valueOptions` 进度数值配置 (对象类型)

---
_Source: https://npm.io/package/@bj-nsc/progressbar · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._