Wie kann ich mit jQuery @ einen Halbkreis-Fortschrittsbalken erstelle

Ich möchte einen Halbkreis wie in @ gezei meine Geige. Der Fortschrittsbalken muss grün sein.

Ich bin neu bei 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;
}

Geig

Antworten auf die Frage(2)

Ihre Antwort auf die Frage