QSlider进度条

来源：互联网发布：小型防身武器知乎编辑：程序博客网时间：2024/05/29 07:12

<pre name="code" class="css">QSlider::groove:horizontal {border: none;height: 3px;}QSlider::sub-page:horizontal {background: qlineargradient(x1: 0.3, y1: 0, x2: 1, y2: 0,    stop: 0 #00ffec, stop: 1 #f9ff00);height: 3px;border-radius: 0px;}QSlider::add-page:horizontal {background: #1b6aac;border: none;height: 3px;border-radius: 0px;}QSlider::handle:horizontal {background-color: qradialgradient(spread:pad, cx:0.5, cy:0.5, radius:1, fx:0.5, fy:0.5, stop:0.04 rgba(217, 219, 220, 255), stop:0.12 rgba(251, 254, 255, 255),stop:0.25 rgba(251, 254, 255, 0), stop:0.25 rgba(255, 255, 255, 150),stop:0.5 rgba(255, 255, 255, 0)); width: 25px;    margin-top: -12px;    margin-bottom: -12px;    border-radius: 4px;}QSlider::handle:horizontal:hover { background: qradialgradient(spread:pad, cx:0.5, cy:0.5, radius:0.5, fx:0.5, fy:0.5,     stop:0.3 #2A8BDA, stop:0.778409 rgba(255, 255, 255, 255));     width: 8px;    margin-top: -3px;    margin-bottom: -3px;    border-radius: 3px;}

1 0