css3 实现一个loading加载动画

实现类似下面的一个loading加载动画

最终实现的css样式

			div {
   
                position: relative;
                margin: auto;
                width: 100px;
                height: 100px;
                border-radius: 50%;
            }
            @property --per {
   
                syntax: "<percentage>";
                inherits: false;
                initial-value: 10%;
            }
            div::before {
   
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                border-radius: 50%;
                /* 圆锥形渐变 */
                background: