How to create half circle multi progress bar in react native

Question

I have a requirement to create a half circle multi progress bar like this

This is what I have achieved so far with the library react-native-svg-charts using this code

        <View style={{marginTop: hp('5%')}}>
          <ProgressCircle
            style={{height: 320}}
            progress={0.3}
            progressColor={'rgb(134, 65, 244)'}
            startAngle={-Math.PI * 0.5}
            endAngle={Math.PI * 0.5}
            strokeWidth={30}
            cornerRadius={0}
          />
        </View>

The problem is that this is a single progress bar, how could I add multiple progresses in it? Any help would be appreciated.