How to animate the circular progress to be full after one minute

i am using this function to change the this.state.timeLoader2 with setState
but the problem is on every device its acting different
i need to animate the circular progress like a loader to be full after one minute
```javascript
startCircleAnimation(number,stop) {
if (number > 920 || stop > 9200) {
return
}
Animated.timing(this.state.timeLoader, {
toValue: totalTime / 920 * number,
duration: 50,

}).start(() => {

this.setState({
timeLoader2: this.state.timeLoader._value
}, () => {
this._startCircleAnimation(number + 1, stop + 10)
});

})
}
```

```javascript
console.log(startAngle, angleLength)}
clockFaceColor="#9d9d9d"
bgCircleColor="#D3D3D3"
/>
```
any idea how to accomplish that ? thanks !

Start with the startCircleAnimation function and its CircularProgress usage in the issue, then inspect the component's animation entry points and timing behavior. Reproduce the one-minute animation on more than one device and define completion as the circular progress reaching full length after one minute.

Written by the indexing model from the issue text.