Category: HTML / CSS

This function will add the class “selected” to any links (even relative) that point to the current page. $(function(){ $(“a”).each(function(){ if ($(this).attr(“href”) == window.location.pathname){ $(this).addClass(“selected”); } }); });  

Make a dynamic page loading bar with percentage using html, css, jquery <div class=”preloader-wrap”> <div class=”percentage” id=”precent”></div> <div class=”loader”> <div class=”trackbar”> <div class=”loadbar”></div> </div> </div> </div> /** * preloader style

<svg id=”animated” viewbox=”0 0 100 100″> <circle cx=”50″ cy=”50″ r=”45″ fill=”#FDB900″/> <path id=”progress” stroke-linecap=”round” stroke-width=”5″ stroke=”#fff” fill=”none” d=”M50 10 a 40 40 0 0 1 0 80 a 40 40