Let me set a custom color for rx.progress

[dentro-innovation]

https://reflex.dev/docs/library/datadisplay/progress/#api-reference

It's strange that the color of the loading bar can only be set via color_scheme, and there I can only choose the default radix themes.

I wanna use simply my own color, e.g. #FFF as the loading bar.

[masenf]

We used to have docs for this, but they appear to have been removed... https://github.com/reflex-dev/reflex-web/blob/masenf/changelog-0.4.9-and-friends/docs/library/datadisplay/progress-ll.md

Essentially you can set background to any valid css value and it should work

[dentro-innovation]

No background and background_color only set the color of the "unfilled" part on the right of the progress bar.

I want to set the color of the left part that is gradually filling.

Example:

rx.progress(
                                value=FileUploadState.progress,
                                # color_scheme="jade",
                                border=f"1px solid {rx.color('accent', 6)}",
                                background=rx.color("accent", 6),
                                background_color=rx.color("accent", 6),
                            ),

The accent color 6 is the right part of this progress bar, while the left filling part is the default accent color 9.
I can only change the color of the left filling part by specifying the color_scheme, such as commented out above. If I comment it in the color of the left part does change actually, but I'm limited to the default radix theme colors:

[wassafshahzad]

Can I try this one ?

[picklelo]

@wassafshahzad just assigned you!

[wassafshahzad]

@picklelo This can be closed. I forgot to add the linked PR

[picklelo]

Merged in #3926