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
QProgressBar::chunk { 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 ):
super ().__init__()
# setting title
self .setWindowTitle( "Python " )
# 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
bar.setValue( 70 )
# setting alignment to center
bar.setAlignment(Qt.AlignCenter)
# adding background image to bar
bar.setStyleSheet(
"QProgressBar::chunk "
"{"
"background-image: url(image.png);"
"}"
)
App = QApplication(sys.argv)
# create the instance of our Window window = Window()
# start the app sys.exit(App. exec ())
|
Output :