### 弧形进度条（Loada）

Guition 弧形进度条允许您在界面上显示进度条，具有多种可设置的属性，使您能够自定义进度条的外观和行为。

**可设置的属性值说明：**

1.  **进度条经过部分的背景颜色 (color):**

    *   类型: 字符串
    *   默认值: 无
    *   说明: 设置进度条经过部分的背景颜色，采用十六进制表示。
2.  **整个进度条的背景颜色 (bgcolor):**

    *   类型: 字符串
    *   默认值: 无
    *   说明: 设置整个进度条的背景颜色，采用十六进制表示。
3.  **背景透明度 (bgopa):**

    *   类型: 整数
    *   默认值: 100
    *   说明: 设置整个进度条的背景透明度，取值范围为 0（完全透明）到 255（完全不透明）。
4.  **当前进度值 (val):**

    *   类型: 整数
    *   默认值: 0
    *   说明: 设置当前进度值，用于表示进度条的完成程度。
5.  **横坐标 (x):**

    *   类型: 整数
    *   默认值: 0
    *   说明: 设置进度条左上角的横坐标位置。
6.  **纵坐标 (y):**

    *   类型: 整数
    *   默认值: 0
    *   说明: 设置进度条左上角的纵坐标位置。
7.  **高度 (h):**

    *   类型: 整数
    *   默认值: 10
    *   说明: 设置进度条的高度。
8.  **宽度 (w):**

    *   类型: 整数
    *   默认值: 30
    *   说明: 设置进度条的宽度。
9.  **可见性 (vis):**

    *   类型: 布尔值 (0 或 1)
    *   默认值: 1
    *   说明: 设置进度条是否可见，1 表示可见，0 表示隐藏。

**通过串口指令设置属性示例：**

```json
{
    "name": "Loada0",
    "prop": {
        "color":"#FF0000",
        "bgcolor":"#00FF00",
        "bgopa":60,
        "val":50,
        "x": 200,
        "y": 100,
        "h":10,
        "w":30,
        "vis":1
    }
}

```

在上面的示例中，设置了一个弧形进度条的属性，包括进度条的颜色、背景颜色、背景透明度、当前进度值、位置、大小和可见性。



#### **属性设置示例**



1.  进度条经过部分的背景颜色 (color):

    *   类型: 字符串
    *   默认值: "#000000"
    *   说明: 设置进度条经过部分的背景颜色，使用十六进制颜色代码表示。

```json
{
    "name": "Loada0",
    "prop": {
        "color": "#FF0000"
    }
}

```

1.  整个进度条的背景颜色 (bgcolor):

    *   类型: 字符串
    *   默认值: "#FFFFFF"
    *   说明: 设置整个进度条的背景颜色，使用十六进制颜色代码表示。

```json
{
    "name": "Loada0",
    "prop": {
        "bgcolor": "#00FF00"
    }
}

```

1.  背景透明度 (bgopa):

    *   类型: 整数
    *   默认值: 100
    *   取值范围: 0 到 255
    *   说明: 设置进度条的背景透明度，数值越大表示越不透明，0 表示完全透明，255 表示完全不透明。

```json
{
    "name": "Loada0",
    "prop": {
        "bgopa": 60
    }
}

```

1.  进度值 (val):

    *   类型: 整数
    *   默认值: 0
    *   说明: 设置进度条的当前进度值，通常为百分比表示。

```json
{
    "name": "Loada0",
    "prop": {
        "val": 50
    }
}

```

1.  横坐标 (x):

    *   类型: 整数
    *   默认值: 0
    *   说明: 设置进度条左上角的横坐标位置。

```json
{
    "name": "Loada0",
    "prop": {
        "x": 200
    }
}

```

1.  纵坐标 (y):

    *   类型: 整数
    *   默认值: 0
    *   说明: 设置进度条左上角的纵坐标位置。

```json
{
    "name": "Loada0",
    "prop": {
        "y": 100
    }
}

```

1.  高度 (h):

    *   类型: 整数
    *   默认值: 10
    *   说明: 设置进度条的高度。

```json
{
    "name": "Loada0",
    "prop": {
        "h": 10
    }
}

```

1.  宽度 (w):

    *   类型: 整数
    *   默认值: 100
    *   说明: 设置进度条的宽度。

```json
{
    "name": "Loada0",
    "prop": {
        "w": 30
    }
}

```

1.  可见性 (vis):

    *   类型: 布尔值 (0 或 1)
    *   默认值: 1
    *   说明: 设置进度条是否可见，1 表示可见，0 表示隐藏。

```json
{
    "name": "Loada0",
    "prop": {
        "vis": 1
    }
}

```