How to make use of it:
nanobar.js to the web page.
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