原理很简单,样式表:
1、源码:
//进度条的一部分,黑色
QProgressBar{
border: none;
text-align: center;
background: rgb(0, 0, 0);
border-radius:6px;
}
//进度条的另一部分,红色
QProgressBar::chunk {
background: rgb(244, 88, 56);
border-radius:6px;
}
2、效果
3、注意事项
3.1、控件高度至少为radius属性值的两倍时,才能看到圆角的变化(上图控件高度12,radius为6),也可以用百分制表示radius:border-radius:50%;
3.2、进度条缩小到一定值无法通过鼠标拖动更改其大小时,可以通过进度条属性设置进度条大小