Open In App

PyQt5 – Adding border to Bar of Progress Bar

Last Updated : 09 Feb, 2022
Improve
Improve
Like Article
Like
Save
Share
Report

In this article we will see how to add border to the bar of progress bar. Progress bar has basically two parts one is background and other is the bar which changes its size according to the percentage. Below is the representation of normal progress bar vs border to bar of progress bar.
 

In order to add border to bar we have to change the CSS style sheet and use it with the setStyleSheet method, below is the style sheet code 
 

QProgressBar
{
border : 1px solid black;
}
QProgressBar
{
border : 3px solid red;
}

Below is the implementation. 
 

Python3




# importing libraries
from PyQt5.QtWidgets import *
from PyQt5 import QtCore, QtGui
from PyQt5.QtGui import *
from PyQt5.QtCore import *
import sys
 
 
class Window(QMainWindow):
 
    def __init__(self):
        super().__init__()
 
        # setting title
        self.setWindowTitle("Python ")
 
        # setting background color to window
        # self.setStyleSheet("background-color : yellow")
 
        # setting geometry
        self.setGeometry(100, 100, 600, 400)
 
        # calling method
        self.UiComponents()
 
        # showing all the widgets
        self.show()
 
    # method for widgets
    def UiComponents(self):
        # creating progress bar
        bar = QProgressBar(self)
 
        # setting geometry to progress bar
        bar.setGeometry(200, 100, 200, 30)
 
        # setting the value
        value = 70
        bar.setValue(value)
 
        # setting alignment to center
        bar.setAlignment(Qt.AlignCenter)
 
        # setting border to progress bar
        # and setting border to the bar and color
        bar.setStyleSheet("QProgressBar "
                          "{"
                          "border : 1px solid black;"
                          "}"
                          "QProgressBar::chunk"
                          "{"
                          "background-color : yellow;"
                          "border :3px solid red;"
                          "}"
                          )
 
 
App = QApplication(sys.argv)
 
# create the instance of our Window
window = Window()
 
# start the app
sys.exit(App.exec())


Output : 
 

 



Like Article
Suggest improvement
Previous
Next
Share your thoughts in the comments

Similar Reads