Luke Walczak

``

Hey @alpa-odoo, could you please describe what exactly doesn't work, what is the issue you're facing?

I think the problem is that your `ProgressBar` with an animated value is wrapped in the regular `View` instead of `Animated.View` in your [app](https://github.com/alexandredepape/chess-recogniser-mobile-app/blob/progress-bar-animation/App.js#L164).

> I think the problem is that your ProgressBar with an animated value is wrapped in the regular View instead of Animated.View in your [app](https://github.com/alexandredepape/chess-recogniser-mobile-app/blob/progress-bar-animation/App.js?rgh-link-date=2022-09-15T07%3A17%3A55Z#L164). Hey @alpa-odoo, did it help...

so then please try to reproduce it on the fresh react-native project, with the minimum code, required to observe the bug and share the link in the issue, so we...

Try to make `ProgressBar` animatable by wrapping component in [createAnimatedComponent](https://reactnative.dev/docs/animated#createanimatedcomponent) and use it then. ``` const AnimatedProgressBar = Animated.createAnimatedComponent(ProgressBar) ```

Hey @alexandredepape, did you manage to solve your issue? Unfortunately, atm I don't have much time to help with it and be more involved in it.

We've introduced new property called `animatedValue` https://callstack.github.io/react-native-paper/progress-bar.html#animatedValue. Please check the new [example](https://github.com/callstack/react-native-paper/blob/main/example/src/Examples/ProgressBarExample.tsx#L94-L99), I hope it will help you.

Hey @momolly1024, please check the following [snack](https://snack.expo.dev/XPybJQB72), I hope it will help you.

> The first thing you need is a font file. For the purpose of a working example, we are going to use Inter Black from the free and open source...