The purpose of this UI component would be to use CSS transitions and the HTML5 Canvas element to fill a progress representation inside a circle. This would be accomplished by waiting until the element came into view, and to then fill the circle to the appropriate level. Different from other circular progress bubbles found in the wild.
A use case example for this element would be to pull data from an API and on the fly translate it into the necessary calculation to fill the circle. For example, measuring E-Commerce revenue versus campaign spend during the same time period.
This type of a circular progress bubble could be included in a campaigns admin section in a WordPress implementation Dashboard.