qml实现音乐播放进度（播放进度，缓存进度，副歌）

Window {
    visible: true
     640
    height: 480
    title: qsTr("Hello World")
    Slider {
          id: control
          value: 0.5

          background: Rectangle {
              x: control.leftPadding
              y: control.topPadding + control.availableHeight / 2 - height / 2
              implicitWidth: 200
              implicitHeight: 4
               control.availableWidth
              height: implicitHeight
              radius: 2
              color: "#bdbebf"
              Rectangle {
                   0.8* parent.width
                  height: parent.height
                  color: "red"
                  radius: 2
              }
              Rectangle {
                   control.visualPosition * parent.width
                  height: parent.height
                  color: "#21be2b"
                  radius: 2
              }
              Rectangle {
                  x:control.width/2-40
                  y: -3
                   10
                  height: 10
                  color: "green"
                  radius: 5
              }

          }

          handle: Rectangle {
              x: control.leftPadding + control.visualPosition * (control.availableWidth - width)
              y: control.topPadding + control.availableHeight / 2 - height / 2
              implicitWidth: 26
              implicitHeight: 26
              radius: 13
              color: control.pressed ? "yellow" : "#f6f6f6"
              border.color: "#bdbebf"
          }
      }
}

效果图：