QProgressBar水平、垂直样式表两种设置方式

最新推荐文章于 2025-06-17 07:34:10 发布

原创最新推荐文章于 2025-06-17 07:34:10 发布 · 4.8k 阅读

10 ·

CC 4.0 BY-SA版权

Qt 专栏收录该内容

22 篇文章

订阅专栏

本文介绍如何使用Qt自定义水平和垂直进度条的样式，包括设置进度条的填充颜色、边框圆角、进度块样式等，并展示了如何通过设置不同的属性实现条状或全部填充的效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

先贴效果图：

水平滚动条:

 m_progressBarHor = new QProgressBar(this);
    m_progressBarHor->move(50,200);
    m_progressBarHor->setValue(42);
    m_progressBarHor->setRange(0,100);
    m_progressBarHor->setMinimumSize(180,20);
    m_progressBarHor->setStyleSheet("QProgressBar{"
                                    "border-radius:5px;"
                                    "background-color:darkgray;"
                                    "text-align:center"
                                    "}"
                                    "QProgressBar::chunk{"
                                    "background-color:#FF0000;"
                                    "width:6px;"
                                    "margin:2px;"
                                    "}");

竖直滚动条:

m_progressBarVer = new QProgressBar(this);
    m_progressBarVer->move(280,100);
    m_progressBarVer->setOrientation(Qt::Vertical);
    m_progressBarVer->setStyleSheet("QProgressBar:vertical{"
                                    "border-radius:5px;"
                                    "background-color:darkgray;"
                                    "text-align:center"
                                    "}"
                                  "QProgressBar::chunk:vertical{"
                                    "background-color:#00FF00;"
                                    "margin:1px;"
                                    //"height:2px;"
                                    "}");
    m_progressBarVer->setValue(25);
    m_progressBarVer->setRange(0,100);
    m_progressBarVer->setMinimumSize(20,180);