X-Git-Url: https://gerrit.automotivelinux.org/gerrit/gitweb?a=blobdiff_plain;f=imports%2Fqtquickcontrols2aglstyle%2FProgressBar.qml;h=6d5e3ae0cc03af4509b6cadfd45cb34959b49459;hb=refs%2Ftags%2Fflounder_5.99.1;hp=b44538c2e974419e2e1adb7692ed8608f0271eaa;hpb=244bd4cd8c49a4bbe5e283f75607e588579aa81b;p=src%2Fqtquickcontrols2-agl-style.git

diff --git a/imports/qtquickcontrols2aglstyle/ProgressBar.qml b/imports/qtquickcontrols2aglstyle/ProgressBar.qml
index b44538c..6d5e3ae 100644
--- a/imports/qtquickcontrols2aglstyle/ProgressBar.qml
+++ b/imports/qtquickcontrols2aglstyle/ProgressBar.qml
@@ -16,6 +16,7 @@
 
 import QtQuick 2.6
 import QtQuick.Templates 2.0 as T
+import QtGraphicalEffects 1.0
 
 T.ProgressBar {
     id: control
@@ -36,15 +37,34 @@ T.ProgressBar {
         implicitHeight: background.implicitHeight
 
         Rectangle {
-            rotation: -90
-            transformOrigin: Item.TopLeft
-            y: 10
-            width: parent.height
-            height: control.visualPosition * background.width
-            radius: width / 2
+            width: control.visualPosition * background.width
+            height: background.height
+            radius: background.radius
+            visible: !control.indeterminate
+        }
+
+        Rectangle {
+            visible: control.indeterminate
+            width: background.width * 0.1
+            height: background.height
+            radius: background.radius
+            NumberAnimation on x {
+                from: 0
+                to: background.width * 0.9
+                duration: 2000
+                loops: Animation.Infinite
+                running: control.indeterminate
+                easing.type: Easing.SineCurve
+            }
+        }
+
+        layer.enabled: true
+        layer.effect: LinearGradient {
+            start: Qt.point(0, 0)
+            end: Qt.point(background.width, 0)
             gradient: Gradient {
-                GradientStop { position: 0.0; color: '#00ADDC' }
-                GradientStop { position: 1.0; color: '#6BFBFF' }
+                GradientStop { position: 0.0; color: "#00ADDC" }
+                GradientStop { position: 1.0; color: "#6BFBFF" }
             }
         }
     }