Rectangle {
            id: positionSlider
            x: 100
            y: 100
            width: 200
            height: 10
            color: "#333333"
            radius: 5
            property real position: 0.33
            property real bufferized: 0.66
            MouseArea {
                anchors.fill: parent
                onPressed: {
                    parent.position = mouseX / parent.width
                }
                onReleased: {
                    parent.position = mouseX / parent.width
                }
                onPositionChanged: {
                    parent.position = mouseX / parent.width
                }
            }
            Rectangle {
                width: parent.width * parent.bufferized
                x: 1
                y: 1
                height: 8
                color: "#777777"
                radius: 4
                id: bufferizingSliderValue
            }
            Rectangle {
                width: parent.width * parent.position
                x: 1
                y: 1
                height: 8
                color: "#eeeeee"
                radius: 4
                id: positionSliderValue
            }
        }