Open In App

PyQt5 – Adding border to Bar of Progress Bar

Last Updated : 09 Feb, 2022
Like Article

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 

border : 1px solid black;
border : 3px solid red;

Below is the implementation. 


# 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):
        # 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
        # showing all the widgets
    # 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
        # setting alignment to center
        # setting border to progress bar
        # and setting border to the bar and color
        bar.setStyleSheet("QProgressBar "
                          "border : 1px solid black;"
                          "background-color : yellow;"
                          "border :3px solid red;"
App = QApplication(sys.argv)
# create the instance of our Window
window = Window()
# start the app

Output : 


Like Article
Suggest improvement
Share your thoughts in the comments

Similar Reads