一、概述

ProgressBar 就是进度条。该值应该随着进度定期更新。范围由from和to定义，这个定义的就是区间值，它们都可以包含任何值。

  ProgressBar {value: 0.5}

ProgressBar还支持一种特殊的不确定模式，这经常使用的，例如，当无法确定正在下载的项目的大小，或者由于网络断开而导致下载进度中断时。

  ProgressBar {indeterminate: true}

indeterminate模式类似于BusyIndicator。两者都可以用来表示后台活动。主要的区别在于视觉上，ProgressBar还可以显示具体的进度(可以确定)。由于视觉上的差异，不确定的进度条和busy indicators 适合在用户界面的不同位置。不确定进度条的典型位置:

• 在工具栏的底部
• 内联在页面内容内
• 在ItemDelegate中显示特定项的进度

二、使用

使用很简单，只要知道有这些属性需要设置，就好啦

  ProgressBar {from: 0to: 1value: 0.5}

from : real
indeterminate : bool
position : real
to : real
value : real
visualPosition : real

三、定制化

  import QtQuick 2.12import QtQuick.Controls 2.12ProgressBar {id: controlvalue: 0.5padding: 2background: Rectangle {implicitWidth: 200implicitHeight: 6color: "#e6e6e6"radius: 3}contentItem: Item {implicitWidth: 200implicitHeight: 4Rectangle {width: control.visualPosition * parent.widthheight: parent.heightradius: 2color: "#17a81a"}}}