bv
.pie {
width: 250px;
height: 250px;
margin: 0 auto;
border-radius: 50%;
border: 3px solid white;
position: relative;
background: #ffc600;
overflow: hidden;
}
.line {
width: 50%;
height: 2px;
background: #555;
position: absolute;
top: 50%;
transform-origin: 100%;
transform: rotate(90deg);
transition: all .2s linear;
}
.line2 {
transform: rotate(180deg);
/* When input value is 25 (default) */
}