ProgressBarStyle QML Type
Provides custom styling for ProgressBar More...
| Import Statement: | import QtQuick.Controls.Styles 1.4 | 
| Since: | Qt 5.1 | 
Properties
- background : Component
- control : ProgressBar
- currentProgress : real
- panel : Component
- progress : Component
Detailed Description
Example:
ProgressBar { value: slider.value style: ProgressBarStyle { background: Rectangle { radius: 2 color: "lightgray" border.color: "gray" border.width: 1 implicitWidth: 200 implicitHeight: 24 } progress: Rectangle { color: "lightsteelblue" border.color: "steelblue" } } }
Note that the example above is somewhat simplified and will not animate an indeterminate progress bar. The following snippet demonstrates how you can incorporate a custom animation for the indeterminate state as well.
  progress: Rectangle {
      border.color: "steelblue"
      color: "lightsteelblue"
      // Indeterminate animation by animating alternating stripes:
      Item {
          anchors.fill: parent
          anchors.margins: 1
          visible: control.indeterminate
          clip: true
          Row {
              Repeater {
                  Rectangle {
                      color: index % 2 ? "steelblue" : "lightsteelblue"
                      width: 20 ; height: control.height
                  }
                  model: control.width / 20 + 2
              }
              XAnimator on x {
                  from: 0 ; to: -40
                  loops: Animation.Infinite
                  running: control.indeterminate
              }
          }
      }
  }
Property Documentation
| background : Component | 
The background component for this style.
Note: The implicitWidth and implicitHeight of the background component must be set.
| [read-only] control : ProgressBar | 
The ProgressBar this style is attached to.
| [read-only] currentProgress : real | 
A value in the range [0-1] indicating the current progress.
| panel : Component | 
The panel component for this style.
| progress : Component | 
The progress component for this style.