PyQt5 – Adding border to Bar of Progress Bar
Last Updated :
09 Feb, 2022
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
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__()
self .setWindowTitle("Python ")
self .setGeometry( 100 , 100 , 600 , 400 )
self .UiComponents()
self .show()
def UiComponents( self ):
bar = QProgressBar( self )
bar.setGeometry( 200 , 100 , 200 , 30 )
value = 70
bar.setValue(value)
bar.setAlignment(Qt.AlignCenter)
bar.setStyleSheet("QProgressBar "
"{"
"border : 1px solid black;"
"}"
"QProgressBar::chunk"
"{"
"background - color : yellow;"
"border : 3px solid red;"
"}"
)
App = QApplication(sys.argv)
window = Window()
sys.exit(App. exec ())
|
Output :
Share your thoughts in the comments
Please Login to comment...