Top 5 features of using WinUI Busy Indicator Control

[{"selector":"#anim-9becc0f8-754e-4aa8-b009-59742f90ccf9","keyframes":{"transform":["translate3d(-149.78724%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e45a18ee-8261-4e50-820e-921709b22adc","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d45fb317-f5f8-4fbd-a727-48146f2d5dad","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-029f84e0-fffe-42ca-b85b-32e125522489","keyframes":{"transform":["translate3d(-149.78724%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4e84309b-97b1-4881-8641-d75bb7836ba5","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-dd5289cc-3900-4c1c-9e46-a96c38c15654","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-fb342459-5b0a-4d79-b9ed-2361ce3bef8d","keyframes":{"transform":["translate3d(-149.78724%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-cb461ffa-e3f1-400a-9946-9dbea3c7295b","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-45531940-3305-4d9c-9230-ba72bb975603","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-64df8b18-4893-4626-97fd-2ba6d256f6c9","keyframes":{"transform":["translate3d(-149.78724%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-8c057df7-c17f-4b2e-a5a2-8db1775fe3aa","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5437cf6b-c662-4a6d-ab71-63808ccf20aa","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-8cd75fdb-7323-4dcc-8587-a1ee6ca80d89","keyframes":{"transform":["translate3d(-144.4867%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d544e8bd-4cf6-4209-80d8-b91329e92739","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-690015d2-718b-4cc3-8a9f-2f88069fed5d","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] Here is the list of the top 5 WinUI Busy Indicator features Animation types Loading content Duration Size Color

Animation types

[{"selector":"#anim-862f811a-5d2c-4cd9-ad87-ba699704d0bd","keyframes":{"transform":["translate3d(-121.27659%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-402c2ad7-d87d-486b-bacf-9f2c186f263c","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a00bca13-909c-4da7-977b-da0e694447d4","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-3f248609-3013-4112-982e-dcafcaad21c5","keyframes":{"transform":["translate3d(-117.60563%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a3d3a6c0-643f-4509-9663-6628741c6895","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b962e275-d442-40c1-932b-78dc5cbcb33d","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] Busy Indicator offers 7 pre-built animation styles for integration in various applications.

Loading content

[{"selector":"#anim-97d72d33-bf82-4b98-88c5-50b6d980c1b9","keyframes":{"transform":["translate3d(-121.64502%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-70c3f694-5074-4ef8-aeb6-8415532d05fc","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-fba2ec24-790b-4701-a3da-50bfeb88242f","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-72b65778-d351-43a8-a73a-252fcb4a266e","keyframes":{"transform":["translate3d(-118.65671%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f6431ecb-19e9-4dcd-a10a-8006c6d83ca4","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f314f14a-d3bb-4335-ae81-72b98c5a123f","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] Shows the loading progress of the content. It can be customized with position and template support.

Duration

[{"selector":"#anim-80c8fa39-b485-465d-a58e-08497eaa1125","keyframes":{"transform":["translate3d(-138.46153%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c13e478d-6333-41e5-bc17-a03b616510b4","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-aa90245d-0903-4e0d-94a4-abb65acab78d","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-afa3c990-3bde-47de-aa3a-c912d98f625e","keyframes":{"transform":["translate3d(-116.02564%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6d1f124d-e53f-4f09-a685-91e660598293","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-128cc19c-f77e-475d-902c-8f02055bb246","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] The animation speed of the Busy Indicator within the .NET WinUI can be adjusted to suit the user's preferences. The adjustment is accomplished by altering the values of a particular factor ranging from 0 to 1.

Size

[{"selector":"#anim-2c32d162-c4d0-46f3-a70e-cf7ee960244b","keyframes":{"transform":["translate3d(-149.0196%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4e2886a2-d746-4e3b-bacc-6464249b857d","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-cacf9712-4020-4654-90b0-d871e36558c6","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-183b7b0e-d12c-4bf0-ba13-cd8c47cfc275","keyframes":{"transform":["translate3d(-117.36111%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-8248867b-0dc2-4bb8-be32-a79da94e4fce","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f557c5bf-6b1f-4499-bd49-9790f985b86a","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] The size of the indicator can be customized using a range of values from 0 to 1. This allows users to set the size according to their requirements.

Color

[{"selector":"#anim-5b8cf8b7-f5fe-47d4-ad01-3cc829004ee7","keyframes":{"transform":["translate3d(-149.0196%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6c2db897-f2a1-4d61-842f-37c7a3cd1dad","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b50b8ef3-dc8b-4049-be6e-47eb2fd1d024","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-02a45d5e-36d8-4614-a543-8fc898ee435f","keyframes":{"transform":["translate3d(-116.89189%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-dea37e18-d275-4f2f-b38c-4c2833c75b82","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2ba75ec0-6414-4681-8821-7c5a407d29c1","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] The color of the Busy Indicator is fully customizable and can be altered to fit specific needs. This allows developers to choose a particular color scheme based on their project's specifications.

Syncfusion .NET WinUI Busy Indicator

[{"selector":"#anim-688a9de9-c928-474b-a260-10f585c6756d","keyframes":[{"transform":"scale(1)","offset":0},{"transform":"scale(1.5)","offset":0.33},{"transform":"scale(0.95)","offset":0.66},{"transform":"scale(1)","offset":1}],"delay":1,"duration":1450,"easing":"ease-in-out","fill":"both","iterations":1}] The Busy Indicator control for .NET WinUI displays a predefined built-in animation when an operation runs in the background of the application and waits for its completion. The size, color, duration, and content can be customized. No credit card required.