Change the html progress bar color dynamically based on another controls fill property

(0) Share

Report

Posted on by Kiruthika22

Hi Team,

I am using a html text control to make a progress bar and the text is as below..

Everything works fine when i give the background as static color value.

But my need is to set the background color same as another control's(ShapeName) Fill color.

I tried the below code but it throws an Invalid argument type error.What is the mistake i am making here?

"<progress value=""80"" ""red"" max=""100"" style=""Width:60%; background: "&ShapeName.Fill&";height:10px""></progress>"

Any help woud be appreciated.

Thank you.

Categories:

Building Power Apps

I have the same question (0)

All responses (3)

Answers (0)

Sort by

msabau 270 on at

Like
a
(0)

Report
Copy link

Link copied!
You can't just plop "red" in there, it should be assigned to something inside the style attribute, also you got all you apices wrong, but that may be due to copy pasting the code.
It should look something like this:
<progress value="80" max="100" style="width: 60%; background: '&ShapeName.Fill&'; height: 10px" ></progress>
I didn't include the red color because I don't know what exactly you want to do with it

Please 'Mark as Solution' if someone's post answered your question and always 'Thumbs Up' the posts you like or that helped you!

Was this reply helpful? Yes No
Kiruthika22 61 on at

Like
a
(1)

Report
Copy link

Link copied!

Hi @msabau ,
Thanks for your reply.
I didnt notice the red one..I dont need that actually.
Now i changed the code to below..It is not throwing error still the color is not changing accordingly.
"<progress
value=""80""
max=""100""
style=""width: 60%; background: '&ShapeName.Fill&'; height: 10px""
></progress>"

Was this reply helpful? Yes No
msabau 270 on at

Like
a
(1)

Report
Copy link

Link copied!

I'm not entirely sure how Power Apps works with HTML. I don't know whether it can change values dynamically. Normally to do that, you'd use JS or CSS in some cases, but you can't really do that here. Also your value is fixed, not dynamic, so you'd have to find a way to change dynamically somehow.
I hope you'll receiver an answer from someone with more knowledge on the matter soon

Please 'Mark as Solution' if someone's post answered your question and always 'Thumbs Up' the posts you like or that helped you!

Was this reply helpful? Yes No