qml 定义 ProgressBar 样式

以下是一种定义 ProgressBar 样式的 QML 代码示例：

import QtQuick.Controls 2.15

ProgressBar {
    id: progressBar
    width: 200
    height: 20
    value: 50
    background: Rectangle {
        id: backgroundRect
        color: "#E0E0E0"
        radius: 10
    }
    contentItem: Rectangle {
        id: progressRect
        width: progressBar.width * (progressBar.value / progressBar.maximumValue)
        height: progressBar.height
        color: "#4CAF50"
        radius: 10
    }
}

在这个例子中，我们使用了 QtQuick.Controls 库中的 ProgressBar 控件，并设置了其宽度、高度和初始值。我们还定义了两个矩形作为背景和进度条的内容项。

背景矩形的颜色设置为灰色，圆角半径为 10。进度条的内容项是一个矩形，其宽度根据当前进度值动态计算，高度与 ProgressBar 控件相同。进度条的颜色设置为绿色，圆角半径为 10。

你可以根据需要调整这些参数，以实现自己想要的 ProgressBar 样式。