We then set the background to transparent to make it look as if the particle itself is rotating around a center.įrom the code below, you can change the following properties: Instead, we rotate the (which contains a particle) around its center. The idea is not to rotate the particle itself. The provided loading animation consists ofįive (five) rotating particles - each under a separate element. However, as my job required me to mimic a Metro-style loading animation, I decided to create one and shared it here Using the code
There are plenty of articles out there providing tutorials about how to create an AJAX-style loading animation (busy indicator) in Silverlight/WPF using XAML. change a particle color, a rotating speed, etc.) to suit his needs.ĭuring my development, I use Kaxaml as a tool to create the animation. A developer will be able to customize this code (e.g. This article provides a complete XAML code with explanation required to create a Metro-style loading animation as seen in Microsoft Windows 8.