qml 自定义进度条

可以使用 QML 自定义进度条。下面是一个简单的示例代码：

import QtQuick 2.15
import QtQuick.Controls 2.15

Item {
    width: 300
    height: 30

    property real progress: 0.5 // 设置进度值，范围在0到1之间

    Rectangle {
        width: parent.width * progress
        height: parent.height
        color: "green"
    }
}

在这个示例中，我们创建了一个矩形 `Rectangle` 作为进度条的背景，并使用一个属性 `progress` 来表示进度的百分比。该属性的值可以在0到1之间进行设置。通过设置矩形的宽度为父元素宽度乘以进度值，实现根据进度值显示不同大小的矩形来表示进度。

你可以在自己的QML文件中使用这个自定义进度条组件，例如：

import QtQuick 2.15
import QtQuick.Controls 2.15

ApplicationWindow {
    visible: true
    width: 400
    height: 300

    Item {
        anchors.centerIn: parent
        width: 300
        height: 30

        MyProgressBar {
            progress: 0.8
        }
    }
}

通过在 `MyProgressBar` 组件中设置 `progress` 属性来指定进度条的进度值。该值可以从外部动态变化，进而实现进度条的更新。