customize the groove of qslider

[oscar_chen]

Hi, all!

I want to design a customized qslider, the groove of which is rendered in two parts. Each part is in a different color. I find the following css code

QSlider::add-page:horizontal {
     background: white;
 }
 
 QSlider::sub-page:horizontal {
     background: navy;
 }

QSlider::add-page:horizontal {
     background: white;
 }

 QSlider::sub-page:horizontal {
     background: navy;
 }

To copy to clipboard, switch view to plain text mode 

However, I want the separation position of the groove not decided by the handle, but by some specific value within the range of slider itself, and the seperation position can change in the running program. Please help me.

Regards,
Oscar

[sevketk]

Hi, all!

I want to design a customized qslider, the groove of which is rendered in two parts. Each part is in a different color. I find the following css code

QSlider::add-page:horizontal {
     background: white;
 }
 
 QSlider::sub-page:horizontal {
     background: navy;
 }

QSlider::add-page:horizontal {
     background: white;
 }

 QSlider::sub-page:horizontal {
     background: navy;
 }

To copy to clipboard, switch view to plain text mode 

However, I want the separation position of the groove not decided by the handle, but by some specific value within the range of slider itself, and the seperation position can change in the running program. Please help me.

Regards,
Oscar

If you create an image for the qslider groove and add it as the groove' background.