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 librariesfrom PyQt5.QtWidgets import *from PyQt5 import QtCore, QtGuifrom PyQt5.QtGui import *from PyQt5.QtCore import *import sysclass 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 Windowwindow = Window()# start the appsys.exit(App.exec()) |
Output :
