Can anyone help me?

[JOTAPEnvz]

I need help making an application to deliver urgently but I don't know where to start and the tutorials on youtube don't help I want to build a timer that interacts with a circle around it that shows the progress with the total time of 25 minutes in descending order with the timer starting when performing the action of clicking a button

[TheRobRush · Accepted solution]

Insert an Image Control, and set it's image property to

"data:image/svg+xml;utf8, " & EncodeUrl(
    "<svg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'>
<circle cx='50' cy='50' r='40' stroke='rgba(246,246,250,1.0)' stroke-width='12' fill='rgba(0,0,0,0)'  />

<circle cx='50' cy='50' r='40' stroke='rgba(0,0,0,1.0)' stroke-dasharray='251' stroke-dashoffset='" & Sum(Sum(Timer1.Value)*Sum(100/1500000))*2.51 & "%' stroke-width='12' fill='rgba(0,0,0,0)'  />
</svg>"
)

Add a timer with a duration of

1500000

and a label below your Image with a Text value of

With(
    {
        seconds: RoundUp(1500-Timer1.Value/1000,1)
    },
    With(
        {
            minutes: RoundDown(seconds / 60,0),
            secondsRemaining: RoundDown(Mod(
                seconds,
                60
            ),0)
        },
        With(
            {hours: RoundDown(minutes / 60,0)},
            minutes & " minute(s) " & secondsRemaining & " second(s)"
        )
    )
)

This gives you a circle that fills as your timer count downs and displays time remaining like so

If you don't really care so much HOW it works just copy and paste all this into your app, but if you'd like to better understand what was used check out this video, I modified their method to meet your need.

[JOTAPEnvz]

Yes I care about how the code works, I started with the video before finding the community but I still can't understand the programming well

I still find it difficult to run the code even with your guidelines

Can you help me with these errors?

[TheRobRush]

Judging by what I am seeing and where the error begins it seems for whatever reason your powerapps isn't recognizing 2.51 as a number and sees a break at the decimal point, does your region write decimals differently by any chance (like i know some countries 2.51 would be 2,51)

[TheRobRush]

If you cannot figure out how to write it for your region replace the 2.51 with Sum(251/100) gives you same result

[TheRobRush]

Basically the code just draws two circles on top of each other but offsets the starting point of one of them by your value

[TheRobRush]

your other error in the text box display i THINK is related to you still having the commas in the formula and your regional format should be ;?

[JOTAPEnvz]

I managed to solve it by changing the commas by semicolons in parts of the code looking like this:

"data:image/svg+xml;utf8, " & EncodeUrl(
    "<svg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'>
<circle cx='50' cy='50' r='40' stroke='rgba(245,246,0,1.0)' stroke-width='12' fill='rgba(0,0,0,0)'  />
<circle cx='50' cy='50' r='40' stroke='rgba(0,0,0,1.0)' stroke-dasharray='251' stroke-dashoffset='" & Sum(Sum(Timer1.Value)*Sum(100/1500000))*Sum(251/100) & "%' stroke-width='12' fill='rgba(0,0,0,0)'  />
</svg>"
)

But even with the timer starting the sum value remains at 0 where I think it should varyBut even with timer starting the sum value remains at 0

I changed the value in the timer but it still kept returning 0

With changes, the text label looks like this:

With(
    {
        seconds: RoundUp(1500-Timer1.Value/1000;1)
    };
    With(
        {
            minutes: RoundDown(seconds / 60;0);
            secondsRemaining: RoundDown(Mod(
                seconds;
                60
            );0)
        };
        With(
            {hours: RoundDown(minutes / 60;0)};
            minutes & " minute(s) " & secondsRemaining & " second(s)"
        )
    )
)

[TheRobRush]

If you mean when you hover over the formula in the formula bar it always shows 0 that is normal. Any time your app is not running, is in edit mode the timer will have a 0 value, see below pictures, when app is not live circled value is 0, always. but once i launch and click the timer it starts changing, circled value again (you can test the formula for yourself by taking that portion of yours and plugging it into a label like so

Sum(Sum(Timer1.Value)*Sum(100/1500000))*Sum(251/100)

this way you can see what the number is doing while it is running

what is the Minutes, seconds text displaying now when you made changes, you wrote that this is what the changes look like but not what your result was

[JOTAPEnvz]

The text minutes, seconds is correct, appearing like this:

What is visible is that the image component does not change as the time decreases.

when connecting the label as you asked me to return these values below that do not seem quite right