QProgressBar部件提供了一個水平或垂直進度條，進度條用于給用戶操作一個進度指示，并向它們說明應用程序仍在運行。

說明

可以通過setRange()來設置進度的最小值和最大值（取值范圍），也可使用setMinimum()和setMaximum()來單獨設定；成員函數(shù)setValue()用于設置當前的運行值；調(diào)用reset()則會讓進度條重新回到開始。

當前值設置完成以后，將顯示已完成的百分比，計算百分比的公式為：(value() - minimum()) / (maximum() - minimum())。

如果最小值和最大值都設置為0，進度條會顯示一個繁忙指示，而不會顯示當前值。有時候這很有用，例如：當使用QNetworkAccessManager下載東西，無法確定被下載項大小時。可以通過setOrientation()指定進度條的方向 - 水平/垂直。成員函數(shù)setInvertedAppearance()用于設置進度條的行進方向，如果參數(shù)為true，可將進度方向設置為默認方向的反方向。如果不需要顯示進度條上的文本，可以使用setTextVisible()來隱藏。

讀取方向：

枚舉 QProgressBar::Direction

指定垂直進度條文本的讀取方向。

image.png

這個屬性對水平進度條沒有影響。默認情況下，讀取方向為：QProgressBar::TopToBottom。

進度方向:
當水平顯示進度時，可以從左到右，也可以從右到左；同樣，垂直顯示進度時，可以從上到下，也可以從下到上。

進度方向設置.png

    QProgressBar *pProgressBar = new QProgressBar(this);
    pProgressBar->move(100,60);
    pProgressBar->setOrientation(Qt::Horizontal);  // 水平方向
    pProgressBar->setMinimum(0);  // 最小值
    pProgressBar->setMaximum(100);  // 最大值
    pProgressBar->setValue(50);  // 當前進度

    QProgressBar *pProgressBar2 = new QProgressBar(this);
    pProgressBar2->move(100,100);
    pProgressBar2->setOrientation(Qt::Horizontal);  // 水平方向
    pProgressBar2->setMinimum(0);  // 最小值
    pProgressBar2->setMaximum(100);  // 最大值
    pProgressBar2->setValue(50);  // 當前進度
    pProgressBar2->setInvertedAppearance(true);  // 反方向

文本顯示:
setFormat()用于生成當前文本字符串。

%p - 被完成百分比所取代
%v - 被當前值所取代
%m - 被總步數(shù)所取代
默認值是 “%p%”。

文本顯示進度條.png

    QProgressBar *pProgressBar3 = new QProgressBar(this);
    pProgressBar3->setGeometry(100,140,120,20);
    pProgressBar3->setOrientation(Qt::Horizontal);  // 水平方向
    pProgressBar3->setMinimum(0);  // 最小值
    pProgressBar3->setMaximum(4800);  // 最大值
    pProgressBar3->setValue(2000);  // 當前進度
    double dProgress = (pProgressBar3->value() - pProgressBar3->minimum()) * 100.0
                    / (pProgressBar3->maximum() - pProgressBar3->minimum());
    pProgressBar3->setFormat(QString::fromLocal8Bit("當前進度為：%1%").arg(QString::number(dProgress, 'f', 1)));
    pProgressBar3->setAlignment(Qt::AlignRight | Qt::AlignVCenter);  // 對齊方式

如果要顯示百分比，可以直接使用”%p%”（比如：41%），但是如果我們要精確顯示（比如：41.7%），就得自己計算了，進度公式參考前面。通過setAlignment()，可以指定顯示文本的對齊方式（也可通過QSS樣式中的屬性text-align來指定）。

繁忙指示：
如果最小值和最大值都設置為0，進度條會顯示了一個繁忙指示，而不會顯示當前的值。

繁忙進度條.gif

    QProgressBar *pProgressBar4 = new QProgressBar(this);
    pProgressBar4->setGeometry(100,180,120,20);
    pProgressBar4->setOrientation(Qt::Horizontal);  // 水平方向
    pProgressBar4->setMinimum(0);  // 最小值
    pProgressBar4->setMaximum(0);  // 最大值

初次之外可以引入樣式表，修飾下外觀
例如：

QProgressBar{
        border: none;
        color: white;
        text-align: center;
        background: rgb(68, 69, 73);
}
QProgressBar::chunk {
        border: none;
        background: rgb(0, 160, 230);
}

帶樣式表效果的進度條.gif

自定義進度條

基本上如果想實現(xiàn)更好的進度條效果，還需要繪圖的幫助

自定義進度條.gif

核心代碼：

#include "radiusprogressbar.h"
#include <QPainter>

RadiusProgressBar::RadiusProgressBar(QWidget *parent) : QProgressBar(parent)
{
    setMinimum(0);
    setMaximum(100);
    setValue(0);
}

void RadiusProgressBar::paintEvent(QPaintEvent *)
{
    QPainter p(this);
    QRect rect = QRect(0, 0, width(), height()/2);
    QRect textRect = QRect(0, height()/2, width(), height()/2);

    const double k = (double)(value() - minimum()) / (maximum()-minimum());
    int x = (int)(rect.width() * k);
    QRect fillRect = rect.adjusted(0, 0, x-rect.width(), 0);

    QString valueStr = QString("%1%").arg(QString::number(value()));
    QPixmap buttomMap = QPixmap(":/resource/radius_back.png");
    QPixmap fillMap = QPixmap(":/resource/radius_front.png");

    //畫進度條
    p.drawPixmap(rect, buttomMap);
    p.drawPixmap(fillRect, fillMap, fillRect);

    //畫文字
    QFont f = QFont("Microsoft YaHei", 15, QFont::Bold);
    p.setFont(f);
    p.setPen(QColor("#555555"));
    p.drawText(textRect, Qt::AlignCenter, valueStr);
}