nanobar is a pure and extremely lightweight JavaScript page download progress bar. This JavaScript library to create a custom page loading progress bar at the top of the page.
How to make use of it:
1. Download and add the JavaScript nanobar.js
to the web page.
<script src="nanobar.js"></script>
2. To customize the types of the progress bar, simply define the background shade within the data-nanobar
after which add the attribute
to the body tag.
<body data-nanobar="#222"> <body data-nanobar="radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%)">
Minimalist Page Load Progress Bar, Nanobar Plugin/Github
See Demo And Download
Official Website(the-muda-organization): Click Here
This superior jQuery/javascript plugin is developed by the-muda-organization. For extra advanced usage, please go to the official website.