Props for semi-circle progressbar

[var-bp]

Hi, is there any props to achieve something like this?

[Offirmo]

By combining rotation #38 + multiplying the percentage by ~0.6 you should be able to achieve this.

[kevinsqi]

hmm, yeah you can certainly rotate the progressbar, but I don't think you can actually scale the whole bar just by multiplying by a fraction, because that would just scale the colored path, not the full gray trail - you'd need some other trickery to achieve the partial arc. Also, there's no built-in way to implement the white separators between each 10% segment. This use case is complex enough that you may want to find an alternative, or perhaps look at the source and roll your own. Sorry I can't be of more help!

[kevinsqi]

Just as a followup - adding the white separators is possible by overlaying content, and I have a demo up at https://codesandbox.io/s/ov22pywr19.

Reducing the progressbar to a semi-circle is still not implemented yet, but I may get to it as part of PR #49.

[kevinsqi]

@var-bp @Offirmo

Making the progressbar only arc ~60% of the full diameter is now possible in v1.2.1 with props.circleRatio! See more details here: #49 (comment)