Open In App

PyQt5 – Padding in Progress Bar

Last Updated : 22 Apr, 2020
Improve
Improve
Like Article
Like
Save
Share
Report

In this article we will see how to add padding to the progress bar. Padding is the space between border and the bar of progress bar. Below is the representation of normal progress bar vs padded progress bar.

In order to do this we have to change the padding size in the CSS style sheet of progress bar, below is the style sheet code.

QProgressBar
{
border : 1px solid black;
padding : 5px;
}

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, 150, 200, 30)
  
        # set value to progress bar
        bar.setValue(70)
  
        # setting alignment to center
        bar.setAlignment(Qt.AlignCenter)
  
        # setting padding size 
        # and border to progress bar
        bar.setStyleSheet("QProgressBar"
                          "{"
                          "border : 1px solid black;"
                          "padding : 5px;"
                          "}")
  
  
# create pyqt5 app
App = QApplication(sys.argv)
  
# create the instance of our Window
window = Window()
  
# start the app
sys.exit(App.exec())


Output :



Similar Reads

PyQt5 - Different sized padding Progress Bar
In this article we will see how to set different padding sizes for different sides of progress bar, below is the representation of normal padded progress bar vs the different sized padding progress bar. In order to do this we have to change the CSS style sheet of progress bar, below is the style sheet code. QProgressBar { border : 1px solid black;
2 min read
PyQt5 - Image bar as Progress Bar
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 { bac
2 min read
PyQt5 - Translucent Bar of Progress Bar
In this article we will see how to make the bar translucent i.e in between opaque and transparent. The progress bar have two components one is the background which is visible when bar is not at 100% other is the bar which tells the progress, when we make bar translucent the background will be visible. In order to do this we have to change the alpha
2 min read
PyQt5 - Adding border to Bar of Progress Bar
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 s
2 min read
PyQt5 - Dotted border to bar of Progress Bar
In this article we will see how to add dotted border to the bar of progress bar. Below is the representation of normal border to bar vs the dotted border to the bar of progress bar. In order to do this we have to change the border style in the CSS style sheet, below is the style sheet code. QProgressBar { border : 1px solid black; } QProgressBar {
2 min read
PyQt5 - Multi colored border to bar of Progress Bar
In this article we see how to create the multi colored border to the bar of the progress bar. Bar is the part of progress bar which indicates the completeness. Below is the representation of border bar of progress bar vs the multi colored bar of progress bar. In order to this we have change the color of each border of bar of progress bar in CSS sty
2 min read
PyQt5 - Skin to Bar of Progress Bar
In this article we will see how to set the skin to the bar of progress bar. Skin is basically a background image but it adjust it self to the size of bar of progress bar. Below is the representation of bar of progress bar with background image and bar of progress bar with skin. In order to do this we have to change the CSS style sheet code of bar o
2 min read
PyQt5 - Gradient color Bar of Progress Bar
In this article we will see how we can create the gradient color to bar of progress bar. Gradient Color : In computer graphics, a color gradient specifies a range of position-dependent colors, usually used to fill a region. For example, many window managers allow the screen background to be specified as a gradient. The colors produced by a gradient
2 min read
PyQt5 - Add padding to Status Bar
In this article we will see how to add padding to status bar. Unlike main window which don't have padding, status bar allows us to set padding to it. Padding is basically the space between border and content of status bar, we can set this size by using setStyleSheet method with status bar object. Note : In status bar, padding is available for top a
2 min read
PyQt5 – Setting padding size at different sides of Status Bar
In this article we will see how to set different padding size for different edges of Status Bar. Status bar allows us to set only padding for top and bottom edge, there is no padding available for right or left edge. We can set padding using padding in Style Sheet, in order to set different padding sizes we will use padding-top and padding-bottom i
2 min read
Article Tags :
Practice Tags :