PyQt5: agregar borde a la barra de barra de progreso

En este artículo veremos cómo agregar un borde a la barra de la barra de progreso. La barra de progreso tiene básicamente dos partes, una es el fondo y la otra es la barra que cambia su tamaño según el porcentaje. A continuación se muestra la representación de la barra de progreso normal frente al borde a barra de la barra de progreso.
 

Para agregar un borde a la barra, debemos cambiar la hoja de estilo CSS y usarla con el método setStyleSheet, a continuación se muestra el código de la hoja de estilo 
 

QProgressBar
{
border : 1px solid black;
}
QProgressBar
{
border : 3px solid red;
}

A continuación se muestra la implementación. 
 

Python3

# 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 border to progress bar
        # and setting border to the bar and color
        bar.setStyleSheet("QProgressBar "
                          "{"
                          "border : 1px solid black;"
                          "}"
                          "QProgressBar::chunk"
                          "{"
                          "background-color : yellow;"
                          "border :3px solid red;"
                          "}"
                          )
 
 
App = QApplication(sys.argv)
 
# create the instance of our Window
window = Window()
 
# start the app
sys.exit(App.exec())

Producción : 
 

Publicación traducida automáticamente

Artículo escrito por rakshitarora y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *