Donut Progress bar
The progress bar is created using SVG. It is made out of 4 elements in this stacking order(bottom to top)

1) The background svg path rendered with the css class '.ludo-progress-bg' and styles defined in bgStyles object
2) Eventual background image defined in bgPattern. If the background path(1) has a border, the background image will be
shrinked to fit inside. The background image will be repeated when smaller than the progress bar. If bigger, it will be scaled
down.
3) Progress Bar SVG path
4) Eventual background image defined in frontPattern.

Donut Progress bar
The progress bar is created using SVG. It is made out of 4 elements in this stacking order(bottom to top)

1) The background svg path rendered with the css class '.ludo-progress-bg' and styles defined in bgStyles object
2) Eventual background image defined in bgPattern. If the background path(1) has a border, the background image will be
shrinked to fit inside. The background image will be repeated when smaller than the progress bar. If bigger, it will be scaled
down.
3) Progress Bar SVG path
4) Eventual background image defined in frontPattern.