У меня есть статическая круговая шкала прогресса, я хочу показать динамическое значение для видео завершено

Question

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

Мой код:

<div class="row">
    <div class="row">
        <div style="padding-top: 10px;" class="col-6">
            <div class="progress blue">
                <span class="progress-left">
                    <span class="progress-bar"></span>
                </span>
                <span class="progress-right">
                    <span class="progress-bar"></span>
                </span>
                <div class="progress-value">90%</div>
            </div>
                <p align="center"> Completed Videos</p>
        </div>
     </div>
  </div>

У меня есть четыре видеотекущий логин пользователя. $videoDetail есть все подобные видео $videoDetail[0]['video_links']. Если пользователь смотрит 2 видео из 4, то я хочу показать 50% прогресса. Не могли бы вы помочь, как показать завершенные видео динамически.