Возможен ли многоступенчатый индикатор прогресса, похожий на форму эллипса?

Question

Я бы хотел сделать индикатор прогресса следующим образом. Я могу сделать это горизонтально или вертикально. Но как я могу сделать это по кругу? Является ли это возможным? Я использую реагирующую нативную библиотеку прогресса и могу сделать эту форму горизонтально. Но я хочу предложение о том, как сделать это циркулярно. Спасибо с этого момента.

      <View style={styles.stepWrapper}>
        <AnimatedCircularProgress
          size={65}
          width={3}
          fill={step ? 50 : 100}
          tintColor={Colors.orangeColor}
          backgroundColor={Colors.orangeColor}
          rotation={0}
        />
        <View style={styles.stepDivider} />
        <AnimatedCircularProgress
          size={65}
          width={3}
          fill={step ? 50 : 0}
          tintColor={Colors.orangeColor}
          backgroundColor={Colors.greyBorderColor}
          rotation={0}
        />
      </View>

    const styles = StyleSheet.create({
      stepWrapper: {
        flexDirection: 'row',
        alignItems: 'center',
        justifyContent: 'center',
      },
    });