Microsoft-ui-xaml: Proposal: Customizing ProgressRing by exposing thickness property

[MarissaMatt]

The RadialProgressBar in the Windows Community Toolkit has two properties for customization that our current ProgressRing does not (outline and thickness). In order to further customize the ProgressRing in WinUI and bring both controls to parity, we should add these properties to ProgressRing.

The custom color property is being tracked in this issue so this proposal will only cover the thickness property. Ideally, if this were added to ProgressRing we could also deprecate RadialProgressBar from the Windows Community Toolkit.

The thickness property will allow the developer to get or set the thickness property of the outline of the ring.

[StephenLPeters]

I think the term outline here is confusing, since the ring doesn't have a boarder.

[MarissaMatt]

@StephenLPeters good point I updated it to refer to the customizing the color.

[ranjeshj]

@karenbtlai @simeoncran I think this will need exposing a property though the json file for the thickness of the ring.

[simeoncran]

@karenbtlai @simeoncran I think this will need exposing a property though the json file for the thickness of the ring.

The property should get exposed automatically by LottieGen as long as it it marked as a theming property (which I believe the current JSON is).
@karenbtlai - the winrtcpp codegen has just been improved a lot, so you should use the latest version in master of lottiegen and work with me if there are any issues.

[michael-hawker]

@MarissaMatt @StephenLPeters to clarify here the Outline property is controlling the color of the ring itself with now progress compared to the Foreground property which controls the property of the filled progress area:

[StephenLPeters]

Is something like Track a better name?

[mdtauk]

Is something like Track a better name?

Why not RingColor - Ring is in the control's name