Como criar barra de progresso de semicírculo com jQuery

Eu quero um semicírculo como o mostrado nameu violino. E a barra de progresso precisa ter a cor verde.

Eu sou novo no 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;
}

Violino

questionAnswers(1)

yourAnswerToTheQuestion