added scroll progress bar in single page template

2023-02-12 00:41:29 +05:30
parent edde3e1123
commit 2e8daeaa0d
4 changed files with 43 additions and 0 deletions
@@ -102,6 +102,13 @@
  </button>
 </section>

+{{ if or (.Site.Params.singlePages.scrollprogress.enable | default true) (.Params.enableScrollProgress) }}
+<div class="progress">
+  <div id="scroll-progress-bar" class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
+</div>
+<Script src="{{.Site.Params.staticPath}}/js/scrollProgressBar.js"></script>
+{{ end }}
+
 <script>
  var topScroll = document.getElementById("topScroll");
  window.onscroll = function() {scrollFunction()};