Как я могу создать индикатор прогресса полукругом с помощью jQuery

Я хочу полукруг, как показано намоя скрипка, И индикатор выполнения должен иметь зеленый цвет.

Я новичок в 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;
}

скрипка

Ответы на вопрос(1)

Ваш ответ на вопрос