[Question]How to make the progress bar work asynchronously

[AthenaRoland]

Question

I created a play button and clicked on it to play music, I wanted the progress bar to update over time, but this is not what I wanted, it will finish the progress bar process before playing the music

Code sample

def Play(e):
        for i in range(0, 101):
            bottomProgress.value = i * 0.01     #update the progress bar
            sleep(0.1)
            bottomProgress.update()
            page.update()
        if (readJson(path="./datas/play.json",subject="src").result in readJson(path="./datas/play.json", subject="playlist").result.split(",")) == False:
            if readJson(path="./datas/play.json",subject="playlist").result == "":
                ChangeDatas(path="./datas/play.json",subject="playlist",value=ReadJson(path="./datas/play.json",subject="src").result)
            else:
                oldpath = readJson(path="./datas/play.json",subject="playlist").result
                ChangeDatas(path="./datas/play.json",subject="playlist",value=oldpath + "," + readJson(path="./datas/play.json",subject="src").result)
        if readJson(path="./datas/play.json",subject="playclick").result == "0":
            ChangeDatas(path="./datas/play.json",subject="playclick",value="1")
            playButton.selected = True
            playButton2.selected = True
            if audio.src != readJson(path="./datas/play.json", subject="src").result:
                audio.release()
                audio.src = readJson(path="./datas/play.json", subject="src").result
                audio.update()
            audio.play()
        elif readJson(path="./datas/play.json",subject="playclick").result == "2":
            ChangeDatas(path="./datas/play.json",subject="playclick",value="1")
            playButton.selected = True
            playButton2.selected = True
            if audio.src != readJson(path="./datas/play.json", subject="src").result:
                audio.release()
                audio.src = readJson(path="./datas/play.json", subject="src").result
                audio.update()
                audio.play()
            else:
                audio.resume()
        else:
            ChangeDatas(path="./datas/play.json", subject="playclick", value="2")
            playButton.selected = False
            playButton2.selected = False
            audio.pause()
        playButton.update()
        playButton2.update()

Error message

No response

------------------------------------------------------

• I have searched for answers to my question both in the issues and in previous discussions.

[AthenaRoland]

To be precise, how to bind one event to another event to achieve an asynchronous effect，like this,but the code is wrong

async def UpdateProgress():
    for i in range(0, 101):
        bottomProgress.value = i * 0.01
        await asyncio.sleep(0.1)
        page.update()

def Play(e):
    UpdateProgress()
    if (readJson(path="./datas/play.json",subject="src").result in readJson(path="./datas/play.json", subject="playlist").result.split(",")) == False:
        if readJson(path="./datas/play.json",subject="playlist").result == "":
            ChangeDatas(path="./datas/play.json",subject="playlist",value=ReadJson(path="./datas/play.json",subject="src").result)
        else:
            oldpath = readJson(path="./datas/play.json",subject="playlist").result
            ChangeDatas(path="./datas/play.json",subject="playlist",value=oldpath + "," + readJson(path="./datas/play.json",subject="src").result)
    if readJson(path="./datas/play.json",subject="playclick").result == "0":
        ChangeDatas(path="./datas/play.json",subject="playclick",value="1")
        playButton.selected = True
        playButton2.selected = True
        if audio.src != readJson(path="./datas/play.json", subject="src").result:
            audio.release()
            audio.src = readJson(path="./datas/play.json", subject="src").result
            audio.update()
        audio.play()
    elif readJson(path="./datas/play.json",subject="playclick").result == "2":
        ChangeDatas(path="./datas/play.json",subject="playclick",value="1")
        playButton.selected = True
        playButton2.selected = True
        if audio.src != readJson(path="./datas/play.json", subject="src").result:
            audio.release()
            audio.src = readJson(path="./datas/play.json", subject="src").result
            audio.update()
            audio.play()
        else:
            audio.resume()
    else:
        ChangeDatas(path="./datas/play.json", subject="playclick", value="2")
        playButton.selected = False
        playButton2.selected = False
        audio.pause()
    playButton.update()
    playButton2.update()

[AthenaRoland]

Well,I worked it,
def PlayTest():
if (readJson(path="./datas/play.json",subject="src").result in readJson(path="./datas/play.json", subject="playlist").result.split(",")) == False:
if readJson(path="./datas/play.json",subject="playlist").result == "":
ChangeDatas(path="./datas/play.json",subject="playlist",value=ReadJson(path="./datas/play.json",subject="src").result)
else:
oldpath = readJson(path="./datas/play.json",subject="playlist").result
ChangeDatas(path="./datas/play.json",subject="playlist",value=oldpath + "," + readJson(path="./datas/play.json",subject="src").result)
if readJson(path="./datas/play.json",subject="playclick").result == "0":
ChangeDatas(path="./datas/play.json",subject="playclick",value="1")
playButton.selected = True
playButton2.selected = True
if audio.src != readJson(path="./datas/play.json", subject="src").result:
audio.release()
audio.src = readJson(path="./datas/play.json", subject="src").result
audio.update()
audio.play()
elif readJson(path="./datas/play.json",subject="playclick").result == "2":
ChangeDatas(path="./datas/play.json",subject="playclick",value="1")
playButton.selected = True
playButton2.selected = True
if audio.src != readJson(path="./datas/play.json", subject="src").result:
audio.release()
audio.src = readJson(path="./datas/play.json", subject="src").result
audio.update()
audio.play()
else:
audio.resume()
else:
ChangeDatas(path="./datas/play.json", subject="playclick", value="2")
playButton.selected = False
playButton2.selected = False
audio.pause()
playButton.update()
playButton2.update()

async def Play(e):
    PlayTest()
    for i in range(0, 101):
        bottomProgress.value = i * 0.01
        await asyncio.sleep(0.1)
        page.update()

[AthenaRoland]

I apllyed a better solution
i use page.run_task()
but how can i stop the task before it finished by code