I recently decided to take the plunged and updated from Windows 8 to Windows 10. Wow! it seemed to take what felt like hours. I was granted the privilege to see Microsoft’s new please wait progress tracker for quite sometime. If you have not seen it; progress is measured through movement by using the perimeter of a circle. As the progress moves from from zero, through to one-hundred percent the perimeter of the circle is filled, forming a simple and clean user interface. This is the progress widget used during the upgrade:
The mission of the posts is to explain how to replicate the above using HTML5’s canvas.