Progress Ring

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;
}