Top 5 features of .NET MAUI Busy Indicator

[{"selector":"#anim-63ec9465-908e-4020-a848-e86f8c3ff648","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-853e6ee7-2369-4d26-b987-01eb6c72b973","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-5686f995-a878-4d0f-95a6-cba20bcdfd2b","keyframes":{"transform":["translate3d(-166.66667%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b3b3e139-4b67-4707-8b55-1d38745467d5","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-14acf7d5-24a8-48aa-8e2e-d376b5b11e1b","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-034fc0ef-95e3-4a2f-b287-28c99412b41b","keyframes":{"transform":["translate3d(-303.50879%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-acf47165-cc9b-45db-9986-19e6c4b4bcf5","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2f8d6be3-98dd-4e77-8393-3aac9328fe5b","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-b98510b7-82d8-4d83-8bf0-bcad620acfb9","keyframes":{"transform":["translate3d(-164.44445%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-278f299d-bae3-46fe-bc05-02fde4db0422","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-be7bf0b9-5043-45b7-8194-2811f131b29b","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-2e66d2a4-1623-4f82-b6e7-29c1bff02215","keyframes":{"transform":["translate3d(-180.55555%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-48ae0680-37ce-4952-8a0c-a4f946aad747","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-57a1987b-5d46-48a6-ba99-fc82cdf48f1d","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-257330ff-9da4-47e7-90f1-b255c47bc592","keyframes":{"transform":["translate3d(-160.10363%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-671f8c08-38ae-4252-866e-4cbb6560b4b2","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4f4c25c5-7655-4e00-81c8-e615732c89f1","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] Animation types Title Animation speed Indicator size Title customization

Animation types

[{"selector":"#anim-e0e2ea18-fc3b-4d72-b950-98ff524c00f8","keyframes":{"transform":["translate3d(-119.84127%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a54806c1-599e-4ed9-b1b4-2ef92b5d2601","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3c2efced-53e0-44b7-9513-49c42b1e0c12","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-bb2a926b-0355-41f6-a321-f22117394130","keyframes":{"transform":["translate3d(-116.61129%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ba7514f0-9d28-4bb3-9086-f57ed82a7cbb","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a50aeab9-a599-428e-be26-3e98f676fc6e","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] The .NET MAUI Busy Indicator features three animations that can seamlessly integrate and enhance the visual experience within the application.

Title

[{"selector":"#anim-96bcafaa-2776-4acc-8ebc-66ab57a1f0c6","keyframes":{"transform":["translate3d(-119.84127%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-10ca9bdc-2fd1-4c11-b9f8-387dc21fb55f","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d2bdbaba-45cb-4237-9a19-ff607a39363b","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-be769bd2-8ddb-4184-b489-c9990443c3d1","keyframes":{"transform":["translate3d(-118.18182%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9b341b08-a1dd-4197-b88a-3fcd5c7baa73","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-7f0ee3a6-b4df-491e-a9fc-8357d8ce4b34","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] The title text provides an indication of the control's busy status.

Animation speed

[{"selector":"#anim-1d70874b-0f82-43b1-81d6-13762662eb38","keyframes":{"transform":["translate3d(-117.73049%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-350568b0-788a-4c91-8480-1dd36a65f5d3","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-901d945e-28d2-42e7-848e-c39fce4010b5","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-5ab6173e-4a6a-4599-aa78-cc70cf47d43f","keyframes":{"transform":["translate3d(-116.61129%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ebb90f6d-e964-4435-9e2f-44a81744e6d0","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4eae93bc-af2e-40ef-af53-3100dc802f37","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 .NET MAUI Busy Indicator can be customized by using factor values ranging from 0 to 1.

Indicator size

[{"selector":"#anim-179d0f05-df0f-4dd7-8ce4-b089e9b3f673","keyframes":{"transform":["translate3d(-119.04763%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-27936c12-635d-441b-9edf-23b19950e419","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b3797469-6ffe-42e5-b555-ad21d1083318","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-acd936c9-cd0c-44fc-a384-b0c82750f7e0","keyframes":{"transform":["translate3d(-117.4216%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-efaf53a5-c02f-4a2a-98e8-36d67bc92808","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ade194ed-dc50-406d-a824-202bbf1cc146","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 .NET MAUI Busy Indicator can also be customized using factor values ranging from 0 to 1.

Title customization

[{"selector":"#anim-31701bab-f538-42c2-b35b-6e3477e70108","keyframes":{"transform":["translate3d(-116.66666%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-8977d3ee-2712-4d27-ae32-5dfebe1e1c83","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-814fa5fc-cef6-4828-876a-660a9c430128","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-ae99bae2-b7db-4626-aa8e-7480b495fc6c","keyframes":{"transform":["translate3d(-116.61129%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6e2a48d0-e8fd-4752-9298-9aa1d26e783d","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4f87f3d4-22ba-4e35-b92f-2cbbca68d4b4","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] The title can be customized with adjustments to its position, spacing, and fonts.

Syncfusion .NET MAUI Busy Indicator

[{"selector":"#anim-b42df4a9-e9d5-4522-82af-25f0c6076057","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 .NET MAUI Busy Indicator control, also known as an activity indicator, provides visual feedback to users about the busy state of an application. No credit card required.