[need help] show progress bar at the back of taskbar icons

[bebotette]

I really don't like current progress indicator of icons in taskbar in win11. it's almost not visible and requires me a lot of guesswork and I have to manually check if a download is complete as an example. I'm not good at coding and deep-dive tweaking stuff. I am hoping to see somebody maybe help with the css to achieve this like of progress/loading effect on previous Windows taskbar versions? Please, thank you! (image not mine)

[bbmaster123]

well this doesn't match perfectly, but try starting with this:

Target:
Border#ProgressBarRoot
Styles:
Transform3D:=<CompositeTransform3D  ScaleY="11.5%" TranslateY="-34"/>

Target:
Rectangle#ProgressBarTrack
Styles:
Fill=LightGreen
VerticalAlignment=2
Height=0.5
Transform3D:=<CompositeTransform3D  ScaleY="0.5%" TranslateY="0.5"/>

Target:
Rectangle#DeterminateProgressBarIndicator
Styles:
Fill=Green

You can also see here to check out how I did my progress indicators: https://github.com/ramensoftware/windows-11-taskbar-styling-guide/issues/1

I hope this helps, let me know if you need anything else :)

[bebotette]

Thank you! I don't need perfect lol, just a good visual way to show progress. However, how come mine only works on the icon area? it doesn't extend to the text label area. What am I missing?

[bbmaster123]

ah ofc, dumdum me! Sorry that was my fault! I had the taskbar labels mod enabled, with running indicators set to full width. Without that, it only fills the icon like in your image.

[bebotette]

thank you! lol. But sorry I still don't know where to go with that. Can you help by sharing an updated code?

[bbmaster123]

No worries, I'm always happy to help!

1. In Windhawk, at the top right, go to "Explore"
2. At the top, type in the search bar "label" and look for "Taskbar Labels for Windows 11"
3. Click Details, then click install at the top
4. Once installed, go to the settings tab at the top
5. Scroll down until you see Progress Indicator Style. Change that to Full Width and click save

That should make it match what's in my image, let me know :)

[bebotette]

thank you so much!