Skip to content
Related Articles

Related Articles

PyQt5 – Image bar as Progress Bar

View Discussion
Improve Article
Save Article
  • Last Updated : 22 Apr, 2020

In this article we will see how to add image to bar of progress bar. We can set the background image but in order to set image to a bar we have to modify the progress bar chunk CSS, below is how normal background image and background image to a bar looks like.

In order to do this below is the CSS style sheet for chunk file

 background-image : url(image.png);

This style sheet is used by setStyleSheet method, 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 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
        # setting alignment to center
        # adding background image to bar
                          "QProgressBar::chunk "
                          "background-image: url(image.png);"
App = QApplication(sys.argv)
# create the instance of our Window
window = Window()
# start the app

Output :

My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!