Progress bar with colours

Sir , Peter and Yourself . I know Peter Contributed to GWD and still does on the Other Platform we should not mention . There are always a Couple of Masters Keeping an Eye on the Learners . I am very grateful it make me feel like I belong to a Special Club .

On Peters gift I swapped BATT for SC and it does perfectly what I had hoped . It changes to full Green on approaching the Step goal I set on my Phone .

Thank you Peter and all the contributors for Being Here . These Forums are amazing . I don’t see that Many Newbies here but I have seen a change since WFS has settled down for a bit .

BTW I got my ONE UI 6.0 update on my phone yesterday so it is now running Android 14.

1 Like

Sorry Rusty, I did not copy the formula from WFS, but wrote it directly from head. In my language there is not the redundant T in that word. Thanks for reminding me, I corrected the earlier post.

1 Like

You know Peter it provides a good exercise . That is about the only level of debugging I can handle . I really appreciate your post it was so timely . If you have any Ideas about the minute ( blue ) Arc fly back I would appreciate it . I am thinking I need two bars and dismiss one while the other runs back to zero . I was thinking to make the run back 2 seconds .
.
.
EV_DASH_WIP02_1705265947501

1 Like

Duplicate the bar.
One bar at 100% opacity like it run to 60…
Then change to 0%

The another bar start and 0% opacity

When 60 first bar opacity = 0%
2nd bar = 100%

2nd bar run reverse direction to 60.

And so on

Example tag.

Is to use hour to change opacity

BAR ONE :(([HOUR]%2)==0)?0:100
BAR TWO : (([HOUR]%2)==0)?100:0

set both bar 0% first

1 Like

@russellcresser I would expand on that idea of two bars from @Knightwing
You could make two bars one colored would grow the first 30min and stay full the other 30min
Another black one above would grow the other 30min, then reset and hide for 30min
See attached file (rename extension to .wfs)
SizeTest1313 – copy.zip (170.5 KB)

Btw. check the step counter on your last image. I think the text should be aligned to right, to cover the ghost digits underneath at any length of the number.

1 Like

To @russellcresser and @Peter it be cool if it could get a knight rider kind of vibe.

1 Like

Hey thanks Peter . As always you have looked at my face more closltly than I have . Thank for THE sample . I value that enormously . I think I will dump the ghost on that one or do som jiggery poker as I want th number to sit symetric in the Gap .

1 Like

Thanks so much . I will have a look at that . I am trying to keep it reasonably close to my friends Dash in his Van . But I am sue he would like the Kit Car Vibe .

Sorry to cause the drift on this Topic . I have just Been told off . I was going to modify the Ghost per Decade but I used formatNumber() I am really pleased with the result . Thanks for the Heads up Peter .
.
.
(numberFormat("00000",[SC]))
.
.
format number

1 Like

Hi @russellcresser , i suggest u to create a new topic. Because its getting off topic already, being Told off by moderators?

1 Like

No just the Notice to Include the new Message in a previous . Nothing serious . I think like others it is Rude to Hijack a comment but it is not that Busy .

Did I tell anything about what kind of progress bar does the example relate to? No, because it does not matter. The layers can be shapes, images, texts, whatever.

Did you open my example file? No? Rename the attached file from zip to wfs and open it.

Did you try to move the slider for battery charge in the preview to see how the color is changing in this example? No?
Do it, you will see there is no need for changing opacity of the bottom yellow layer.

The yellow is there always at full opacity and lies below the other two colored layers (their order does not matter).
When batt% is below 50, the green will be transparent and will start gaining opacity and becomes full opaque at 100. So anywhere in between the yellow will be more or less partially visible and color mixed.
The red will be fully opaque at 0% and will fade to transparent at 50% so in between the the underlying yellow will mix with it in shades of orange.

Sorry if I sounded like loosing patience, it is nothing like that. It is just that I try to recapitulate some things I might not be mentioning earlier, because for me they seem obvious, but for a new user they may be new aswel.

3 Likes

Sorry, I dont know how complications work, I was describing the color interleaving between 3 elements of different colors, using expressions with tag for their opacity. If complication shows data that has no tag to be used in expression, I dont know how to make it work for the opacity.

I think you can group the layers, so you can move them around together as a set. Or you can use the align tools in the placement section. And even if that was too complicated for you, in the end you can adjust the x y coordinates of each layer individually so that they are the same for each layer.
image

1 Like

Thank you so much Peter, I have your file… and I’m looking at it for now… let you know. looks good so far… thank you again… sorry for the frustration. I’m just a beginner…
but I will get there… doing so many things at the same times…
thnx again buddy. I really do appreciated.
Ak

1 Like

Hi, yup rude to hijack others, so do create a new topic for your faces:)

1 Like

@lebanoncedars, @Peter you cant add into a complication slot your own progress bar. And u cant do such things like mask on a complication or multi layers complication. This techniques are only good for the designers progress bar only, image, shape…

And you cannot do grouping of complications too

1 Like

I opened it . Thanks so much . Great to see the work of a master .

Thank you for all the help Knightwing. everything is going well so far so good. I really do appreciated a lot.
I’m trying to explore everything at one shot… but thnx again.
AK…

1 Like

Hi Peter,
I want to thank you so much for all the help you have done for me, I really do appreciated a lot. I’m so sorry for all the frustration I may caused you. Just to let you know, everything is going very very well now, maybe you missed small things to mention, that’s why I had a little a bit of trouble, but the zip file you had it here, which I downloaded already, I found the missing things and I fixed them.
thank you for the file.
thank you for all the efforts and time you spent to explain. the progress bar colour , it’s the best I have ever seen. I love it… it’s working perfect %100.
Sincerely…
AK

2 Likes

Sorry Peter, I have one more question. Can I be able to apply the same idea to battery icon or image like battery image? if u have a zip file will be nice. thank you so much.

1 Like