# oh_circleprogress

**Repository Path**: droidzxy/oh_circleprogress

## Basic Information

- **Project Name**: oh_circleprogress
- **Description**: OpenHarmony自定义组件CircleProgress，用圆形显示当前进度。
- **Primary Language**: JavaScript
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 1
- **Created**: 2021-08-09
- **Last Updated**: 2022-09-06

## Categories & Tags

**Categories**: harmonyos-progress

**Tags**: None

## README

# OhCircleProgress

#### 组件介绍
-   本示例是OpenHarmony自定义组件CircleProgress。

    用于定义一个带文字的圆形进度条。

#### 调用方法
 ```
<element name="circleprogress" src="../circleprogress/circleprogress.hml"></element>
<div class="container">
    <text>{{title}}</text>
    <circleprogress percent="87" style="width: 500px; height: 500px;" ></circleprogress>
</div>
 ```

#### 参数介绍
| **参数**                      | **含义**                      |
| :-------------------------: | :------------------------------- |
| percent                        | 当前百分比的值             | 


#### 效果演示

-   19%
    
![效果演示](./screenshots/device/19of100.png)

-   55%
    
![效果演示](./screenshots/device/55of100.png)

-   87%
    
![效果演示](./screenshots/device/87of100.png)