Closed sravya03 closed 4 years ago
There are three kinds of Progress Rings used by Microsoft platforms right now, I agree these should be consolidated into a single design. #688
Thank you @mdtauk for sharing the visual!
It may be worth considering using a gradient to soften the ends of the Indeterminate animated segment - but this is very much a decision about the character of Fluent Design.
Xbox uses a very distinct animation which makes use of neutral shades as well as the Accent Colour.
Thank you, @mdtauk for your design suggestion. As you indicate, this is more of a design choice and I'm waiting for motion comp from design team.
Status update: Reviewed with WinUI team and this item will be looked at with a holistic POV for ProgressRing overall. @kathyang
Can't help but feel that this looks like Material Design. The dots looked rather unique.
The dots feels like a Windows Phone and Windows 8 Metro design, it is also cumbersome to customise for branded apps.
I look forward to seeing them in motion, but I think the indeterminate States could do with a gradient to show the incomplete nature of the action
Should Background property control the color of the ring's track or the entire backplate?
My preference is Option 2, Background is the whole background's color simply because it's most consistent with other controls. When faced with this problem we usually offer a "lightweight styling key" solution. It's not great, but it's consistent.
Going forward I hope that we can design a holistic solution that makes it so that lightweight styling keys can be API, but for now that's the approach we've taken.
Would this be possible?
Background = Ring colour Foreground = Progress colour
Would this be possible?
Background = Ring colour Foreground = Progress colour
This is exactly what we settled on during an internal review.
Currently when you press the "IsIndeterminate" checkbox in the ProgressRing test page - there is a subtle fade transition from the Determinate state to the animation playing.
But there is none when moving from the Indeterminate state back to a Determinate state.
The Indeterminate ProgressRing does not scale in the same way as the Determinate one...
This is width set to 90
Proposal: Update progress ring style
There is an open spec here and PR here for this proposal.
Summary
ProgressRing is one control that many apps customize and seem to carry branding personality. Windows wants to update the personality by introducing a new progress ring style.
Rationale
Scope
*Timing here is not a commitment, but to follow the release cycle. Just using the next version #.
Design details and visuals
This only impacts ProgressRing control. Visual comp
Important Notes
Open Questions
Release Checklists
Prerelease readiness
Stable release readiness