进度条控件
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
用途：进度条控件是一种用于表示任务进度的控件。它通过动态变化显示任务的完成程度，使用户能够直观地看到任务的执行进度。

属性
---------------------------------
.. image:: image/进度条/属性.png
    :align: center
    :alt: 进度条属性

|

**基础属性 :**  参考控件概念- :ref:`基础属性`

**坐标属性 :**  参考控件概念- :ref:`坐标属性`

**背景属性 :**  参考控件概念- :ref:`背景属性`

**加载属性 :**  参考控件概念- :ref:`加载属性`

**特有属性 :**

.. image:: image/进度条/特有属性.png
    :align: center
    :alt: 进度条特有属性

|

    - 当前值(val) : 进度条当前值，范围：0-100(读写)
    - 方向(dir)：进度条变化方向，0-水平从左向右，垂直从下向上，1-水平从右向左，垂直从上向下（读写）
    - 圆角(rad)：圆角弧度百分比，范围：0-100（读写）

**进度条方向说明**

    进度条的水平垂直方向由坐标属性中的 ``w`` 和 ``h`` 决定

    - 当 ``w > h`` ，进度条水平变化
    - 当 ``w < h`` ，进度条垂直变化

---------------------------------

事件
---------------------------------

**弹起事件：** 控件按下且弹起后执行

**按下事件：** 控件按下后执行

-----------------------------------------


功能演示
---------------------------------

`点击下载演示工程 <http://www.openedv.com/ATK-Prod/ATK-HMI/file_download/wid_demo/project(wid_demo).zip>`_

|

.. tip:: 
    把工程配置的启动页面(pid)改为当前页面ID可以立即显示此页面。

|


进度条配合定时器控件实现自动循环增长
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

.. image:: image/进度条/进度条控件demo.png
    :align: center
    :alt: 进度条控件demo

|

- 功能：在纵轴和横轴上实现进度条的循环增长
- 原理：

    - 使用定时器更新
    
        进度条和文本控件的值，实现进度自增和实时显示当前进度现象

        在 ``定时器事件`` 中编写以下脚本

        .. code-block::
            :linenos:
        
            // 进度条控件最大值为：100, 超过100系统默认改为100
            if(bar0.val==100)  // 当进度值为100时，设为0
            {
                bar0.val=0;
                bar1.val=0;
            }
            else
            {
                bar0.val += 10; // 自增
                bar1.val += 10; // 自增
            }
            covx(bar0.val,t0.txt.str,0 ,0);
            t0.txt.str += "%";
    
    - 添加按钮控件改变进度条增长方向

        1、在b1控件的 ``弹起事件`` 中编写以下脚本

            .. code-block::
                :linenos:
            
                bar0.dir = 0;  //设为水平从左向右，垂直从下向上
                bar1.dir = 0;

        2、在b3控件的 ``弹起事件`` 中编写以下脚本

            .. code-block::
                :linenos:
            
                bar0.dir = 1;  //水平从右向左，垂直从上向下
                bar1.dir = 1;