Can you add an overlay for the Progress Bar itself? (With a transparency slider please!) We can already add it to the text but not to the actual bar.
Problem solved:
Progress Bar seems to be the only element that can be set to Primary color but cannot have an overlay for contrast. When using background styles which already involve the Primary color (i.e. anything based on the artwork), visibility of the Progress Bar is often reduced.
Brought benefits:
Allows for better visibility of the Progress Bar
Other application solutions:
Additional description and context:
Pic 1: Dark Mode, the unplayed section of the bar can be hard to see
Pic 2: Light Mode is opposite, the played section is hard to see
Having a separate overlay for the Progress Bar would make both portions visible at all times. (The whole card could be darkened, but then the Animated Glow is hardly visible.)
I’m not looking for anything fancy, just a rectangular background for contrast. These mockups are using 15 pixels of black padding on all sides, for all styles. The corners should probably be rounded like the existing overlays, but my skills are limited. A transparency slider would behave like it does for all of the other overlays.
The overlays on the text are not my addition, those are taken straight from screenshots–I only edited the progress bars.
