Pure CSS (SCSS) Bootstrap compatible circular progress bars

This uses a data-attribute to create the progress bar. Forked from circle-progress-bar. This functions based on increments defined in the the scss. Change the $howManySteps var and the for loops below will generate the CSS. The data attributes will need to be changed to reflect the newly generated CSS. This doesn't require Bootstrap. Let me know if you use it your project, I'd love to see it in the wild.

20%
completed
40%
completed
80%
completed
100%
completed
0%
completed