Music Player prototype with play/pause buttons, timer and the audio loading progress bar

Hi Axure members,

I’m new to using Axure for UI design, and I need help creating a play/pause button function for the timer and progress bar. I know how to use a dynamic panel to create two states (play and pause), but I’m having trouble syncing the timer and music progress bar with the play/pause button. Any advice would be appreciated!

You picked a vicious problem to tackle first!

live example | download RP file (391.1 KB)

What you need to do here is set up a loop that will update the timer and the progress bar every second until the “track” is finished playing. There’s a bit of math involved, both in determining the width of the progress bar fill and in formatting the timer. Hopefully the file above is enough to get you started. Let me know if I can help clarify anything :slight_smile:

1 Like

Hello Mr. Ishillman, thank you for your reply.

1 Like