diff --git a/public/reading.tpl.html b/public/reading.tpl.html
index 6d52ac2..4c7d068 100644
--- a/public/reading.tpl.html
+++ b/public/reading.tpl.html
@@ -59,5 +59,43 @@
                 </div>
             </div>
 
+            <div class="col-sm-12 mb-5">
+                <div class="card">
+                    <div class="card-header">
+                        Эффективный Си. 2022. Сикорд Р
+                    </div>
+                    <div class="card-body">
+                        <div class="progress" role="progressbar" aria-label="" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" data-current-page="17"  data-total-pages="304"
+                        onmouseover="
+                        x=Math.round(this.getAttribute('data-current-page')/this.getAttribute('data-total-pages')*100);
+                        this.setAttribute('aria-valuenow', `${x}`);
+                        this.children[0].style.width=`${x}%`;
+                        this.children[0].innerHTML=`${x} %`;"
+                        style="height: 20px">
+                            <div class="progress-bar bg-success"></div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="col-sm-12 mb-5">
+                <div class="card">
+                    <div class="card-header">
+                        Язык программирования C. Лекции и упражнения (6-е изд). 2015. Прата С
+                    </div>
+                    <div class="card-body">
+                        <div class="progress" role="progressbar" aria-label="" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" data-current-page="22"  data-total-pages="926"
+                        onmouseover="
+                        x=Math.round(this.getAttribute('data-current-page')/this.getAttribute('data-total-pages')*100);
+                        this.setAttribute('aria-valuenow', `${x}`);
+                        this.children[0].style.width=`${x}%`;
+                        this.children[0].innerHTML=`${x} %`;"
+                        style="height: 20px">
+                            <div class="progress-bar bg-success"></div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
         </div>
       </div><!-- /.container -->