style/qtquickcontrols/ProgressBar.qml

0001 /* SPDX-FileCopyrightText: 2020 Noah Davis <noahadvs@gmail.com>
0002  * SPDX-License-Identifier: LGPL-2.1-only OR LGPL-3.0-only OR LicenseRef-KDE-Accepted-LGPL
0003  */
0004
0005 import QtQuick 2.15
0006 import QtQuick.Templates 2.15 as T
0007 import org.kde.kirigami 2.19 as Kirigami
0008 import "impl" as Impl
0009
0010 T.ProgressBar {
0011     id: control
0012
0013     implicitWidth: Math.max(implicitBackgroundWidth + leftInset + rightInset,
0014                             implicitContentWidth + leftPadding + rightPadding)
0015     implicitHeight: Math.max(implicitBackgroundHeight + topInset + bottomInset,
0016                              implicitContentHeight + topPadding + bottomPadding)
0017
0018     Kirigami.Theme.colorSet: Kirigami.Theme.Button
0019     Kirigami.Theme.inherit: false
0020
0021     contentItem: Item {
0022         implicitWidth: 200
0023         implicitHeight: Impl.Units.grooveHeight
0024         clip: true
0025         Rectangle {
0026             id: progressFill
0027             visible: !control.indeterminate && width > 0
0028             anchors {
0029                 left: parent.left
0030                 top: parent.top
0031                 bottom: parent.bottom
0032             }
0033             width: control.position * parent.width
0034
0035             radius: Impl.Units.grooveHeight/2
0036             color: Kirigami.Theme.alternateBackgroundColor
0037             border {
0038                 width: Impl.Units.smallBorder
0039                 color: Kirigami.Theme.focusColor
0040             }
0041         }
0042
0043         /*Item {
0044             id: indeterminateFill
0045             //TODO: Make this look like the indeterminate fill from the Breeze QStyle
0046             // or come up with something better.
0047         }*/
0048     }
0049
0050     background: Rectangle {
0051         implicitWidth: 200
0052         implicitHeight: Impl.Units.grooveHeight
0053
0054         radius: Impl.Units.grooveHeight/2
0055         color: Kirigami.Theme.backgroundColor
0056         border {
0057             width: Impl.Units.smallBorder
0058             color: Kirigami.Theme.separatorColor
0059         }
0060     }
0061 }