Index: sources/gui/qml/pages/treatment/sections/TreatmentFluid.qml
===================================================================
diff -u -rcd7de5f6d239a11615ba8c6c03339a10996486ca -r45617764a63d5573bfb942b039f2854ed25ba15d
--- sources/gui/qml/pages/treatment/sections/TreatmentFluid.qml	(.../TreatmentFluid.qml)	(revision cd7de5f6d239a11615ba8c6c03339a10996486ca)
+++ sources/gui/qml/pages/treatment/sections/TreatmentFluid.qml	(.../TreatmentFluid.qml)	(revision 45617764a63d5573bfb942b039f2854ed25ba15d)
@@ -32,11 +32,18 @@
     isTouchable: false
     title: qsTr("FLUID MANAGEMENT")
     titleVSpacing: 40
-    TouchRect {
-        y       : 60
+
+    property int rowTextSpacing : 10
+    property int volumeTextWidth: 60
+
+    // may need to be removed later when created separate Saline/Heparin object
+    property string buttonText: ""
+
+    TouchRect { id: _startButton
+        y       : 45
         width   : 340
         height  : 55
-        text.text: qsTr("START BOLUS (100 mL)")
+        text.text: buttonText
         text.font {
             weight: Font.DemiBold
             pixelSize       : 20
@@ -45,4 +52,115 @@
         animated: true
         duration: 100
     }
+
+    ProgressBar { id: _fluidProgressBar
+        anchors {
+            top: _startButton.bottom
+            topMargin: 50
+        }
+        width   : parent.width
+        height  : Variables.progressbarFluidHeight
+        minText.visible : false
+        maxText.visible : false
+        marker.visible  : false
+
+        value   : 0
+
+        // TEST begin : simulation code
+        minimum : 0     // TEST : only test values
+        maximum : 100    // TEST : only test values
+        NumberAnimation on value {
+            duration: 10000
+            from    : _fluidProgressBar.minimum
+            to      : _fluidProgressBar.maximum
+            //loops: Animation.Infinite
+            onFinished: {
+                _cumulativeValue.valueLast += _fluidProgressBar.value
+                restart()
+            }
+        }
+        onValueChanged: {
+            _cumulativeValue.value = _cumulativeValue.valueLast + _fluidProgressBar.value
+        }
+        // TEST end
+
+        Text { id: _fluidText
+            anchors {
+                left        : parent.left
+                bottom      : parent.bottom
+                bottomMargin: 15
+            }
+            width: parent.width
+            text: qsTr("Volume Delivered")
+            font.pixelSize: Fonts.fontPixelFluidText
+            color: Colors.fluidText
+            Text { id: _fluidVolume
+                width: volumeTextWidth
+                anchors {
+                    right: parent.right
+                    baseline: parent.baseline
+                }
+                text: qsTr("(100 mL)")
+                font.pixelSize: Fonts.fontPixelFluidVolume
+                color: Colors.fluidUnit
+            }
+            Text { id: _fluidUnit
+                anchors {
+                    right: parent.right
+                    rightMargin: volumeTextWidth + rowTextSpacing
+                    baseline: parent.baseline
+                }
+                text: qsTr("mL")
+                font.pixelSize: Fonts.fontPixelFluidUnit
+                color: Colors.fluidUnit
+            }
+            Text { id: _fluidValue
+                anchors  {
+                    right: _fluidUnit.left
+                    rightMargin: rowTextSpacing
+                    baseline: parent.baseline
+                }
+                horizontalAlignment: Text.AlignRight
+                text: _fluidProgressBar.value
+                width: 60
+                font.pixelSize: Fonts.fontPixelFluidValue
+                color: Colors.fluidText
+            }
+        }
+    }
+    Text { id: _cumulativeText
+        anchors {
+            left        : parent.left
+            top         : _fluidProgressBar.bottom
+            topMargin   : 15
+        }
+        width: parent.width
+        text: qsTr("Cumulative Delivery")
+        font.pixelSize: Fonts.fontPixelFluidText
+        color: Colors.fluidText
+        Text { id: _cumulativeUnit
+            anchors {
+                right: parent.right
+                rightMargin: volumeTextWidth + rowTextSpacing
+                baseline: parent.baseline
+            }
+            text: qsTr("mL")
+            font.pixelSize: Fonts.fontPixelFluidUnit
+            color: Colors.fluidUnit
+        }
+        Text { id: _cumulativeValue
+            property int valueLast  : 0 // needs to be bound to a model to keep cumulative value
+            property int value      : 0 // needs to be bound to a model to keep cumulative value
+            anchors  {
+                right: _cumulativeUnit.left
+                rightMargin: rowTextSpacing
+                baseline: parent.baseline
+            }
+            horizontalAlignment: Text.AlignRight
+            text: value
+            width: 60
+            font.pixelSize: Fonts.fontPixelFluidValue
+            color: Colors.fluidText
+        }
+    }
 }