@@ -15,7 +15,7 @@
1515 */
1616
1717import QtQuick 2.0
18−import Ubuntu.Components 0.1
18+import Ubuntu.Components 1.1
1919
2020Item {
2121 id: root
@@ -30,6 +30,7 @@ Item {
3030
3131 readonly property int effectiveHeight: Math.cos(angle * Math.PI / 180) * itemHeight
3232 readonly property real foldedHeight: Math.cos(maxAngle * Math.PI / 180) * itemHeight
33+ readonly property bool progressVisible: progressOverlay.visible
3334
3435 property int itemWidth
3536 property int itemHeight
@@ -100,23 +101,19 @@ Item {
100101 }
101102 }
102103
103− BorderImage {
104+ UbuntuShape {
104105 id: progressOverlay
105− objectName: "progressOverlay"
106106 anchors {
107107 left: iconItem.left
108108 right: iconItem.right
109− bottom: iconItem.bottom
110− leftMargin: units.gu(1)
111− rightMargin: units.gu(1)
112− bottomMargin: units.gu(1)
109+ verticalCenter: parent.verticalCenter
110+ leftMargin: units.gu(1.5)
111+ rightMargin: units.gu(1.5)
113112 }
114− height: units.gu(1.5)
113+ height: units.gu(1)
115114 visible: root.progress > -1
116− source: "graphics/progressbar-trough.sci"
117−
118− // For fill calculation we need to remove the 2 units of border defined in .sci file
119− property int adjustedWidth: width - units.gu(2)
115+ color: UbuntuColors.darkGrey
116+ borderSource: "none"
120117
121118 Item {
122119 anchors {
@@ -124,20 +121,22 @@ Item {
124121 top: parent.top
125122 bottom: parent.bottom
126123 }
127− width: Math.min(100, root.progress) / 100 * parent.adjustedWidth + units.gu(1)
124+ width: Math.min(100, root.progress) / 100 * parent.width + units.gu(1)
128125 clip: true
129126
130− BorderImage {
127+ UbuntuShape {
131128 anchors {
132129 left: parent.left
133130 top: parent.top
134131 bottom: parent.bottom
135132 }
133+ color: "white"
134+ borderSource: "none"
136135 width: progressOverlay.width
137− source: "graphics/progressbar-fill.sci"
138136 }
139137 }
140138 }
139+
141140 Image {
142141 objectName: "focusedHighlight"
143142 anchors {