¿Cómo puedo crear una barra de progreso de semicírculo con jQuery?
Quiero un medio círculo como el que se muestra enmi violín. Y la barra de progreso debe tener color verde.
Soy nuevo en Jquery.
HTML:
<div>
<p>100%</p>
</div>
CSS:
div {
height: 45px;
width: 90px;
border-radius: 90px 90px 0 0;
-moz-border-radius: 90px 90px 0 0;
-webkit-border-radius: 90px 90px 0 0;
border: 5px solid red;
border-bottom: none;
}
p {
text-align: center;
padding: 20px 0;
}