PyQt5 - Multi colored border Progress Bar

PyQt5 – Progress Bar with Dotted border

Last Updated : 22 Apr, 2020

In this article we will see how we can create dotted border to a progress bar. By default the border of progress bar is continuous. Below is the representation of normal border progress bar vs the dotted border progress bar.

In order to this we have to change the CSS style sheet, below is the style sheet code which can be used with setStyleSheet method.

QProgressBar
{
border : 3px black;
border-style : dotted;
}

Below is the implementation.

Python3 1==

# 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 background color to window
        # self.setStyleSheet("background-color : yellow")

        # 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
        value = 70
        bar.setValue(value)

        # setting alignment to center
        bar.setAlignment(Qt.AlignCenter)

        # setting dotted border
        bar.setStyleSheet("QProgressBar "
                          "{"
                          "border : 3px black;"
                          "border-style :dotted"
                          "}"
                          )


App = QApplication(sys.argv)

# create the instance of our Window
window = Window()

# start the app
sys.exit(App.exec())

Output :

PyQt5 - Multi colored border Progress Bar

R

rakshitarora

Improve

Article Tags :

Practice Tags :

python

Similar Reads

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. QProgres

PyQt5 - Multi colored border Progress Bar

In this article we will see how to create multi colored border to progress bar. Below is the representation of normal border progress bar vs multi colored border progress bar. In order to this we have change the color of each border in CSS style sheet, below is the code for border style sheet. QProg

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 w

PyQt5 - Changing border of Progress Bar

In this article we will see how to change or set the border to a Progress Bar. By default, PyQt5 provides border to the progress bar but we can change it according to our convenience. Below is how default border progress bar vs styled border progress bar looks like. In order to do this we have to ch

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

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 colo

PyQt5 - format() method for Progress bar

We can set the formatting and show text using setFormat method in Progress Bar, format method is used to get the formatting of the progress bar. Note : By default formatting of progress bar is '%p%' i.e used to print percentage, so if no specific formatting is set format method will return '%p%'. Sy

PyQt5 - Name of Progress Bar

In this article we will see how to set and get the name of progress bar. Name of progress bar is basically a named assigned to a progress bar by the developer. Name is set in order to classify the progress bar as while designing the GUI (Graphical User Interface) application, progress bar is created

PyQt5 - Gradient Color Progress Bar

In this article we will see how we can set gradient color to the progress bar. Below is how normal color progress bar looks like vs the gradient color progress bar looks like. In order to do this we have to change the CSS style sheet, below is the code for style sheet. QProgressBar::chunk { border :

PyQt5 - Progress Bar description

In this article, we will see how exactly we can set and get the description of the progress bar. The description of the progress bar is basically detailed information of the progress bar like what thing progress bar represent and what formatting and styling we have done, there is no particular forma