How to make a determinate progress spinner in CSS

Hi, Experts, Can you help me to make this progress spinner with CSS? Any hint will be appreciated. Value and progress will be changed by a variable value.

Screenshot (16)

Try this tutorial

This tutorial only works with top border. This won’t draw based on variable value. Like 25% or 22% or anything.