Countdown is a circular animated timer with customizable border, gradient background, and center text showing remaining seconds or a label.
Property
| Name |
|---|
| TextForeground |
| CountdownSeconds |
| Text |
| State |
| TextFormat |
| MaxSeconds |
| BorderStrokeGradiantBrush |
| BorderStrokeColor |
| SuccessBorderStrokeColor |
| ErrorBorderStrokeColor |
| BackgroundGradientStops |
| SuccessBackgroundGradientStops |
| ErrorBackgroundGradientStops |
| ClearColor |
Example
1 | <dev:Countdown MaxSeconds="60" CountdownSeconds="0"/> |
Demo
you can run demo and see this feature.