Default Progress Ring
No progress

In progress

Done

prog-ring{ background-color: #d6dbde; height: 20px; width: 20px; border: 2px solid #27AE60; }
Progress Ring with a numbers
35/70
prog-ring{ background-color: #d6dbde; height: 33px; width: 33px; border: 3px solid #27AE60; font-size: 9px; line-height: 34px; }