.completion-percent ons-progress-circular{position:relative}.completion-percent .progress-circular--material__primary{stroke-width:16%;stroke:var(--brand-color-hex);stroke-linecap:round}.completion-percent .progress-circular--material__secondary{stroke-width:10%;stroke:var(--color-ui--grey-20)}.completion-percent__text{font-size:.875rem;font-weight:600}.completion-percent__tick{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--brand-color-hex);color:var(--color-ui--white);border-radius:50px}.completion-percent__tick .v-icon{font-size:1.25rem;opacity:0;animation:bounce-in .75s forwards;animation-delay:.24s}