funWithSharedValues.tsx

const MovingBox = () => {
  const progress = useSharedValue(0);

  useEffect(() => {
    setTimeout(() => {
      progress.value = 100;
    }, 1000);
  }, []);

  const style = useAnimatedStyle(() => ({
    transform: [{translateX: progress.value}],
    background: 'blue';
    height: 10,
    width: 10
  }));
  
  return <Animated.View style={style} />;
}