Index: sources/gui/qml/components/ProgressBarEx.qml
===================================================================
diff -u -r5001ec3cb4b5e76db9fa3c70a36e9c8d64677348 -rad57884fca3e8a0916b6d6bf51a69264b9b5263f
--- sources/gui/qml/components/ProgressBarEx.qml	(.../ProgressBarEx.qml)	(revision 5001ec3cb4b5e76db9fa3c70a36e9c8d64677348)
+++ sources/gui/qml/components/ProgressBarEx.qml	(.../ProgressBarEx.qml)	(revision ad57884fca3e8a0916b6d6bf51a69264b9b5263f)
@@ -24,30 +24,60 @@
  * \brief   Denali project ProgressBar
  */
 ProgressBar { id: _root
-    signal extraClicked()
+    objectName  : "_progressBarEx"
 
-    property alias  valueEx     : _progressRectEx.value // for convenience
-    property alias  progressEx  : _progressRectEx
+    property alias valueEx: _progressRectEx.value
 
-    minimum         : 0
-    maximum         : 0
+    width       : Variables.ultrafiltrationProgressBarWidth
+    height      : Variables.ultraFiltrationProgressBarHeight
+    minimum     : 0.0
+    maximum     : 0.0
+    color       : Colors.ufProgressBarFill
+    radius      : Variables.ultrafiltrationProgressBarRadius
 
-    minText.visible : true
-    maxText.visible : true
+    minText {
+        font {
+            pixelSize   : Fonts.fontPixelUltrafiltrationMinMaxLabel
+            weight      : Font.Normal
+        }
+        color           : Colors.progressBarMinMax
+        text            : minimum.toFixed(_root.decimal) + " " + Variables.unitVolume
+    }
+    maxText {
+        font {
+            pixelSize   : minText.font.pixelSize
+            weight      : minText.font.weight
+        }
+        color           : Colors.progressBarMinMax
+        text            : maximum.toFixed(_root.decimal) + " " + Variables.unitVolume
+    }
 
+    marker {
+        width           : Variables.ultrafiltrationRangeMarkerWidth
+        height          : Variables.rangeMarkerHeight
+        hasHandle       : false
+        valueOnTop      : true
+        decimal         : _root.decimal
+        value           : _root.value
+        text {
+            anchors.bottomMargin: Variables.ultrafiltrationRangeMarkerTextMargin
+            font {
+                pixelSize: Fonts.fontPixelUltrafiltrationRangeMarker
+                weight: Font.DemiBold
+            }
+        }
+    }
+
     ProgressRect { id: _progressRectEx
         z       : 0 // ProgressBarEx z order in the gui
                     // to be ordred among the components of the parent (ProgressBar)
         visible : value
+        color   : Colors.ufAdjustmentDeltaFill
         decimal : _root.decimal
         minimum : _root.minimum
         maximum : _root.maximum
         value   : _root.valueEx
         radius  : _root.radius
-        color   : Colors.highlightMedProgressBar
         margin  : 0
-        maxText.visible : visible
-
-        onClicked       : extraClicked()
     }
 }