QProgressBar - Chunk round corners instead of rectangular

[d_ly56]

Hey All,

I currently am having trouble with an issue with QProgressbar. I have created a progressbar that has rounded corners, but the QProgressBar:: Chunk can't seem to round off at the edges...
Attached below is my code and a picture for all to see!

QProgressBar {
    border: 2px solid grey;
    border-radius: 10px;
    text-align: center;
}

QProgressBar::chunk {
    background-color: #00FF7F;
    width: 10px;
    margin: 0.5px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

So, if you take a look at that photo, you can clearly see at the edges the chunk are overlapping the rounded corners. I tried the border-bottom-right-radius and left, I was reading this on stackoverflow, and it didn't help so I'm thinking my issue might be something else.

If anyone can help me in the right direction with this, I would be very appreciative!

Thanks all,
Derek

[ambershark]

What if you just add a margin to your QProgressBar, try like 4 pixels. Should keep the chunks inside.

[d_ly56]

Hey @ambershark ,

I apologize for the late reply! But yes, I just tried this and it works!!! Thank you so much for your time and help!!

Derek