LiveCode Forums.

Hi,

Not sure if this is the correct place for this post but I have a question reagrding, what I would call, a custom progressbar.

I have written an application which takes some time to pull data together and perform calculations before showing the application screen - so I am creating a loading stack with progress indicator. I dont really want to use the standard green one. So I had an idea; I want to use a grayscale image of the application logo which turns into full colour (from left to right - same as a progressbar) as the application is loaded. So at 50% the left half of the image will be colour and right half grayscale.

Not an original idea I know but would be a nice effect for the screen I have.

The stack currently works using blendlevel 0 to 100 fading the entire image slowly into colour - it works but its not what I am trying to achieve.

Can anybody point me in the right direction?

Thanks in advance!

Hi hoburne,

OK, you cannoit do this directly, you need two images:
one in b/w the other colored.
Please check the attached stack...

Basically I grouped the colored image, put it on top of the grayscale image
and set the rect of that group in a repeat loop. Looks quite like what you described above

I used a VERY old picture of me, at least 50 years old


Best

Klaus

Hi Klaus,

Thats perfect! Exactly what I was looking for. As usual I was looking to totally over engineer a solution. Thank-you.

Great picture btw - I cant think you've changed much in that short time


Best.

Hi hoburne,

glad you like it!

OK, I really did not change much but I wear glasses today


Best

Klaus