Initial import from CES2017 repository
[src/qtquickcontrols2-agl-style.git] / imports / qtquickcontrols2aglstyle / ProgressBar.qml
1 /*
2  * Copyright (C) 2016 The Qt Company Ltd.
3  *
4  * Licensed under the Apache License, Version 2.0 (the "License");
5  * you may not use this file except in compliance with the License.
6  * You may obtain a copy of the License at
7  *
8  *      http://www.apache.org/licenses/LICENSE-2.0
9  *
10  * Unless required by applicable law or agreed to in writing, software
11  * distributed under the License is distributed on an "AS IS" BASIS,
12  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13  * See the License for the specific language governing permissions and
14  * limitations under the License.
15  */
16
17 import QtQuick 2.6
18 import QtQuick.Templates 2.0 as T
19
20 T.ProgressBar {
21     id: control
22     implicitWidth: background.implicitWidth
23     implicitHeight: background.implicitHeight
24
25     background: Rectangle {
26         implicitWidth: 200
27         implicitHeight: 10
28         radius: control.height / 2
29         x: control.leftPadding
30         y: parent.height / 2 - height / 2
31         color: "#666666"
32     }
33
34     contentItem: Item {
35         implicitWidth: background.implicitWidth
36         implicitHeight: background.implicitHeight
37
38         Rectangle {
39             rotation: -90
40             transformOrigin: Item.TopLeft
41             y: 10
42             width: parent.height
43             height: control.visualPosition * background.width
44             radius: width / 2
45             gradient: Gradient {
46                 GradientStop { position: 0.0; color: '#59FF7F' }
47                 GradientStop { position: 1.0; color: '#6BFBFF' }
48             }
49         }
50     }
51 }