Index: sources/gui/qml/components/Slider.qml
===================================================================
diff -u -r74de6c3e36568bf842648d1a9f8d5bb6949fca5b -r7578800a0b1b509e855e5e872798163b2b2e4b1e
--- sources/gui/qml/components/Slider.qml	(.../Slider.qml)	(revision 74de6c3e36568bf842648d1a9f8d5bb6949fca5b)
+++ sources/gui/qml/components/Slider.qml	(.../Slider.qml)	(revision 7578800a0b1b509e855e5e872798163b2b2e4b1e)
@@ -186,6 +186,9 @@
 
         if ( ! stepSnap ) start = mMinimum
 
+        // calculate the expected value based on x
+        mValue = getValueOfX(x)
+
         // special handling for the case that the step segments are less than the handle's width
         let stepWidth = width / ((mMaximum - mMinimum) / step)
         if ( stepWidth < _handler.width ) {
@@ -194,9 +197,6 @@
             return mValue.toFixed(decimal)
         }
 
-        // calculate the expected value based on x
-        mValue = getValueOfX(x)
-
         // For sliders with decimal min, max, values, we need to add refinement to
         // the value to achieve slider handle movement close to those of the whole number sliders
         if ( decimal > 0 ) {
@@ -244,7 +244,7 @@
         radius  : _root.isRoundedEnds ? (height/2) : Variables.rangeRectRadius
 
         border.width: _root.hasBorder ? Variables.rangeRectBorderWidth : 0
-        border.color: _root.isActive ? Colors.borderButton : Colors.borderDisableButton
+        border.color: _root.isActive ? Colors.sliderProgressBorderActive : Colors.borderDisableButton
 
         // propagation is not working on drag !
         onDragged: {