melawy-site/public/reading.tpl.html

      <div class="container py-5 my-5">

        <h3 style="text-align: center;">Основы программирования. Д.В. Топольский, И.Г. Топольская. 2010</h3>
        <div class="progress" role="progressbar" aria-label="" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="height: 20px">
            <div class="progress-bar bg-success" style="width: 100%">100%</div>
        </div>

        <h3 style="text-align: center;">Основы программирования. ч. 1. Тюгашев А. А. 2016</h3>
        <div class="progress" role="progressbar" aria-label="" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" onmouseover="x=Math.round(92/164*100); this.setAttribute('aria-valuenow', `${x}`);" style="height: 20px">
            <div class="progress-bar progress-bar-striped progress-bar-animated bg-info" style="width: 0%" onmouseover="x=Math.round(92/164*100); this.style.width=`${x}%`; this.innerHTML=`${x}`;"></div>
        </div>

        <h3 style="text-align: center;">Основы программирования. ч. 2. Тюгашев А. А. 2016</h3>
        <div class="progress" role="progressbar" aria-label="" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" onmouseover="x=1/124*100; this.setAttribute('aria-valuenow', `${x}`);" style="height: 20px">
            <div class="progress-bar progress-bar-striped progress-bar-animated bg-info" style="width: 0%" onmouseover="x=1/124*100; this.style.width=`${x}%`; this.innerHTML=`${x}`;"></div>
        </div>

      </div><!-- /.container -->