Qt自定义滑动条样式表

样式表设置：

源码：

//设置滑动条无边框
QSlider{border:none; background-color:transparent;border-radius: 8px; }    
//设置小滑块样式为透明
QSlider::handle:horizontal {   
               background: transparent;
               border: none;
               width: 12px;
               height: 6px; 
               border-radius: 3px;//圆滑度
                }    
//设置滑条
QSlider::groove:horizontal{
                 background-color:#ffffff;   
                 border-radius: 8px; 
                }               
/*//设置滑块未滑过部分
QSlider::add-page:horizontal {
                border-radius :3px;
                background: #ffffff;
                } */
//设置滑块已滑过部分                
QSlider::sub-page:horizontal {
                border-radius :3px;
                background-color:blue;
                }

实例：