New UI: Improve the readability of the device list progress bar

[joshk]

Before:

Screen.Recording.2025-01-23.at.3.47.20.PM.mov

I felt the radial background was too muted, and it wasn't clear which device the solid green bar was for (think of a device that is half way down the list)

Now:

Screen.Recording.2025-01-23.at.4.32.33.PM.mov

I've added a progress bar label, removed the top line, and tweaked the gradient a little

[nshoes]

🚀 🚀 🚀

[lawik]

This was my first approach. I do really like the line. I guess this is more clear though.
What about this and the line? Did you try that?

This definitely works.

I like the progress label. Makes it very clear that an update is in progress. I think if the numeric part of that has a fixed width it would not jiggle the layout except when it shows up and goes away.

I'll try a variation :D

[joshk]

Yep, I did try this and the line: (a slightly earlier variation)

Screen.Recording.2025-01-23.at.4.00.02.PM.mov

What I didn't think worked well was when the device that was updating was half way down the list, the line looked like it might be part of the device above. I'm not sure how to describe it, it felt a little busy.

Just the updating background is my preference.

[lawik]

Variant here: #1816

It is essentially the one in Josh's video above. I prefer that one :D
I also dropped the percentages from the updating label which should reduce table-jiggle a lot.