I want to increase the progress of a `LinearProgre...

# compose

[Se7eN]

I want to increase the progress of a LinearProgressIndicator over time. Like I want it to go from 0 to 100 in 3 seconds. How do I approach this?

[Louis Pullen-Freilich [G]]

val animatedFloat = animatedFloat(initVal = 0f)

LinearProgressIndicator(progress = animatedFloat.value)

And then in an onClick lambda or whenever you want to animate you can do:

animatedFloat.animateTo(1f, ProgressIndicatorConstants.DefaultProgressAnimationSpec)

(the default recommended animation)

Or for 3 seconds you could do:

animatedFloat.animateTo(1f, tween(durationMillis = 3000))

[Se7eN]

Great, thanks! Is there some way I can cancel the animation? Like if an event occurs it should stop animating further

[Se7eN]

Nvm found it. stop()

[caelum19]

Here's a modal progress bar, in case you want to stop the user from doing anything until you're done.

for (i in 0 .. 100) {
    Thread.sleep(1000)
    LinearProgressIndicator(progress = i.toFloat())
}

Benefits:
• No need to complicate your codebase with cancelling animations or allowing pesky users to break things while you're working
• Long artificial waiting time gives the illusion that more is being done than really is
• Crashing entire interface until done prevents user from switching to competing apps
(🧌 )

[Se7eN]

Power of compose 😳