NO BUG: Less DOM in progress bar element

Bugs
1

Browser: Chrome 120
OS: macOS / Windows / Linux / etc.
URL: Link to a page that illustrates this issue
Video: Short screen recording that illustrates this issue (free tool: jam.dev)

bricks is unrivaled in clean coding. But I encountered an item in the progress bar element that could have less html. I mention two of them.

1- If we have only one progress bar, the main content of the progress bar is inside 2 divs. If one of these two divs is remove in this situation, will there be a problem?

a
a880×209 12.1 KB

2- Suppose we have a progress bar that has no label. Only the progress bar. In this situation, will these few items be needed?

b
b804×245 12.1 KB

2

Hi Jolia,
The .bar-wrapper is not necessary for a single progress bar without a label, but it is necessary in all other cases, as otherwise, you would not be able to define the gap between the bars.

Apart from the fact that you would not notice any measurable difference in your website’s performance even under laboratory conditions, it would be questionable to make this simple element unnecessarily complicated to target a single use case.

Best regards,
timmse

1 Like