Hi all, in this article, the admin wants to share a tutorial on how to make a responsive back to top button with progress bar animation.
What is Back to Top?
The useful Back to top button makes it easier for readers to return to the top of the article without having to scroll / scroll manually, it feels almost mandatory to have a blog.
The addition of a feature that is not too obvious but very useful is almost rarely noticed, especially for the blog owner. However, for the convenience of the reader, the placement of this button must still be considered.
Actually, almost all Blogger template costumes have a Back To top button, usually there are those that are on the edge of the copyright template or some are sticky
Almost every website has a Back to Top button to make it easier for visitors to return to the top page of that page
But at this time the admin wants to share the back to top button like the one on this blog
Back to top button with Progress Bar
In this article, I will share a little tutorial so that the Back to top button still appears without disturbing the reader, even with the addition of a progress bar indicator function as a marker of the current page position. So that it adds function and is also interesting to see, and it's definitely light
Alright, let's go straight to the installation tutorial.
How to Make Back To Top With Progress Bar
Step 1: Please Login to Blogger
Step 2: Select ThemeAndEdit Html
Step 3: Find Code ]]></b:skin>and paste the following CSS Code right above it
All Templates Have Different Dark Mode Classes Please Adjust The Class With Your Template ( DarkMode Class (.drK) )
/* Back to Top By YazidTips*/ .yzTtop{display:flex;align-items:center;justify-content:center;position:fixed;right:20px;bottom:70px;width:45px;height:45px;border-radius:50%;cursor:pointer;visibility:hidden;opacity:0;z-index:5;transform:scale(0);transition:transform .3s ease, opacity .3s ease,visibility .3s ease,margin-bottom 1s ease} .yzTtop.vsbl{visibility:visible;opacity:1;transform:scale(1)} .MN-4 .yzTtop{bottom:80px} .yzTtop:hover{opacity:.8} .yzTtop svg{height:100% !important;width:100% !important;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);stroke-width:1.5;cursor:pointer} .yzTtop svg .b{fill:#fff;stroke:#e6e6e6;opacity:.9} .yzTtop svg .c{fill:none;stroke:var(--linkC);stroke-dasharray:100 100;stroke-dashoffset:100;stroke-linecap:round} .yzTtop svg .d{fill:none;stroke:var(--iconC)} .drK .yzTtop svg .b{fill:var(--darkBa);stroke:#404045} .drK .yzTtop svg .c{stroke:var(--darkU)} .drK .yzTtop svg .d{stroke:var(--darkT)}
Step 4: Find the code
</footer>and put the following HTML code right below it<div class='yzTtop'>
<svg onclick='window.scrollTo({top: 0})' viewBox='0 0 34 34'><circle class='b' cx='17' cy='17' r='15.92'/><circle class='c' cx='17' cy='17' r='15.92'/><path class='line d' d='M15.07,21.06,19.16,17l-4.09-4.06'/></svg>
<div class="credit hidden">www.yazidtips.com</div>
</div>
Step 5: Find the code
</body>or <!--</body>--></body>and put the following code right above it<script>//<![CDATA[
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('1C 12=["\\1g\\1h\\r\\N\\i\\n\\a\\A\\a\\v\\a\\C\\a\\1i\\a\\d\\a\\k\\a\\x\\a\\u\\a\\m\\a\\h\\a\\l\\a\\m\\a\\s\\a\\f\\a\\A\\a\\m\\n\\y\\n\\a\\b\\Q\\a\\L\\a\\f\\a\\l\\a\\v\\a\\b\\p\\a\\f\\a\\s\\a\\f\\a\\m\\a\\d\\a\\k\\a\\l\\n\\y\\n\\a\\g\\a\\f\\a\\d\\a\\1i\\a\\k\\a\\d\\a\\o\\a\\s\\a\\I\\a\\f\\a\\e\\a\\g\\a\\d\\a\\J\\n\\y\\n\\a\\d\\a\\l\\a\\o\\a\\e\\a\\t\\a\\h\\a\\d\\a\\h\\a\\k\\a\\e\\n\\y\\n\\a\\t\\a\\d\\a\\v\\a\\s\\a\\f\\n\\y\\n\\a\\b\\h\\a\\f\\a\\G\\a\\Q\\a\\h\\a\\d\\a\\1i\\a\\l\\a\\o\\a\\e\\a\\t\\a\\h\\a\\d\\a\\h\\a\\k\\a\\e\\n\\y\\n\\a\\e\\a\\k\\a\\e\\a\\f\\n\\y\\n\\a\\t\\a\\d\\a\\l\\a\\k\\a\\Q\\a\\f\\a\\1j\\a\\o\\a\\t\\a\\J\\a\\o\\a\\l\\a\\l\\a\\o\\a\\v\\n\\y\\n\\a\\u\\n\\y\\n\\a\\t\\a\\d\\a\\l\\a\\k\\a\\Q\\a\\f\\a\\1j\\a\\o\\a\\t\\a\\J\\a\\k\\a\\B\\a\\B\\a\\t\\a\\f\\a\\d\\n\\y\\n\\a\\g\\a\\f\\a\\d\\a\\1b\\a\\k\\a\\L\\a\\e\\a\\q\\a\\h\\a\\e\\a\\g\\a\\1k\\a\\s\\a\\h\\a\\f\\a\\e\\a\\d\\a\\b\\s\\a\\f\\a\\m\\a\\d\\n\\y\\n\\a\\t\\a\\m\\a\\l\\a\\k\\a\\s\\a\\s\\a\\1i\\a\\k\\a\\x\\n\\y\\n\\a\\q\\a\\k\\a\\m\\a\\L\\a\\U\\a\\f\\a\\e\\a\\d\\a\\b\\l\\a\\s\\a\\f\\a\\U\\a\\f\\a\\e\\a\\d\\n\\y\\n\\a\\t\\a\\m\\a\\l\\a\\k\\a\\s\\a\\s\\a\\b\\k\\a\\f\\a\\h\\a\\g\\a\\J\\a\\d\\n\\y\\n\\a\\h\\a\\e\\a\\e\\a\\f\\a\\l\\a\\b\\k\\a\\f\\a\\h\\a\\g\\a\\J\\a\\d\\n\\y\\n\\a\\t\\a\\m\\a\\l\\a\\k\\a\\s\\a\\s\\n\\y\\n\\a\\o\\a\\q\\a\\q\\a\\b\\l\\a\\H\\a\\f\\a\\e\\a\\d\\a\\I\\a\\h\\a\\t\\a\\d\\a\\f\\a\\e\\a\\f\\a\\l\\n\\y\\n\\a\\k\\a\\e\\a\\t\\a\\m\\a\\l\\a\\k\\a\\s\\a\\s\\n\\y\\n\\a\\H\\a\\t\\a\\G\\a\\s\\n\\y\\n\\a\\o\\a\\q\\a\\q\\n\\y\\n\\a\\m\\a\\s\\a\\o\\a\\t\\a\\t\\a\\I\\a\\h\\a\\t\\a\\d\\n\\y\\n\\a\\A\\a\\v\\a\\C\\a\\1i\\a\\d\\a\\k\\a\\x\\n\\y\\n\\a\\l\\a\\f\\a\\U\\a\\k\\a\\H\\a\\f\\n\\y\\n\\a\\q\\a\\h\\a\\H\\a\\A\\a\\m\\a\\l\\a\\f\\a\\q\\a\\h\\a\\d\\n\\y\\n\\a\\h\\a\\e\\a\\e\\a\\f\\a\\l\\a\\1i\\a\\f\\a\\K\\a\\d\\n\\y\\n\\a\\15\\a\\15\\a\\15\\a\\A\\a\\v\\a\\o\\a\\C\\a\\h\\a\\q\\a\\d\\a\\h\\a\\x\\a\\t\\a\\A\\a\\m\\a\\k\\a\\U\\n\\y\\n\\a\\q\\a\\h\\a\\H\\n\\y\\n\\a\\m\\a\\l\\a\\f\\a\\o\\a\\d\\a\\f\\a\\b\\l\\a\\s\\a\\f\\a\\U\\a\\f\\a\\e\\a\\d\\n\\y\\n\\a\\h\\a\\e\\a\\e\\a\\f\\a\\l\\a\\b\\k\\a\\1i\\a\\b\\17\\a\\I\\n\\y\\n\\a\\V\\a\\q\\a\\h\\a\\H\\a\\u\\a\\m\\a\\s\\a\\o\\a\\t\\a\\t\\a\\18\\a\\R\\a\\v\\a\\C\\a\\I\\a\\m\\a\\R\\a\\W\\a\\u\\a\\V\\a\\q\\a\\h\\a\\H\\a\\u\\a\\m\\a\\s\\a\\o\\a\\t\\a\\t\\a\\18\\a\\R\\a\\v\\a\\C\\a\\I\\a\\m\\a\\b\\h\\a\\R\\a\\W\\a\\u\\a\\V\\a\\q\\a\\h\\a\\H\\a\\u\\a\\m\\a\\s\\a\\o\\a\\t\\a\\t\\a\\18\\a\\R\\a\\v\\a\\C\\a\\I\\a\\m\\a\\1k\\a\\R\\a\\W\\a\\u\\a\\V\\a\\q\\a\\h\\a\\H\\a\\u\\a\\m\\a\\s\\a\\o\\a\\t\\a\\t\\a\\18\\a\\R\\a\\v\\a\\C\\a\\I\\a\\m\\a\\b\\k\\a\\R\\a\\W\\a\\b\\h\\a\\o\\a\\l\\a\\e\\a\\h\\a\\e\\a\\g\\a\\b\\U\\a\\V\\a\\19\\a\\q\\a\\h\\a\\H\\a\\W\\a\\V\\a\\x\\a\\u\\a\\m\\a\\s\\a\\o\\a\\t\\a\\t\\a\\18\\a\\R\\a\\v\\a\\C\\a\\I\\a\\m\\a\\1j\\a\\R\\a\\W\\a\\b\\p\\a\\m\\a\\l\\a\\h\\a\\x\\a\\d\\a\\u\\a\\1i\\a\\h\\a\\q\\a\\o\\a\\Q\\a\\u\\a\\b\\v\\a\\Q\\a\\o\\a\\e\\a\\u\\a\\1b\\a\\f\\a\\l\\a\\B\\a\\L\\a\\e\\a\\g\\a\\t\\a\\h\\a\\u\\a\\b\\V\\a\\h\\a\\Q\\a\\o\\a\\u\\a\\b\\v\\a\\e\\a\\q\\a\\o\\a\\u\\a\\b\\17\\a\\f\\a\\e\\a\\g\\a\\J\\a\\o\\a\\x\\a\\L\\a\\t\\a\\u\\a\\b\\m\\a\\l\\a\\f\\a\\q\\a\\h\\a\\d\\a\\V\\a\\19\\a\\x\\a\\W\\a\\V\\a\\x\\a\\u\\a\\m\\a\\s\\a\\o\\a\\t\\a\\t\\a\\18\\a\\R\\a\\v\\a\\C\\a\\I\\a\\m\\a\\1j\\a\\u\\a\\f\\a\\R\\a\\W\\a\\b\\l\\a\\e\\a\\g\\a\\s\\a\\h\\a\\t\\a\\J\\a\\p\\a\\u\\a\\b\\p\\a\\m\\a\\l\\a\\h\\a\\x\\a\\d\\a\\u\\a\\b\\h\\a\\h\\a\\s\\a\\s\\a\\u\\a\\b\\R\\a\\k\\a\\d\\a\\u\\a\\b\\h\\a\\k\\a\\l\\a\\Q\\a\\u\\a\\h\\a\\B\\a\\u\\a\\v\\a\\k\\a\\L\\a\\u\\a\\q\\a\\f\\a\\s\\a\\f\\a\\d\\a\\f\\a\\u\\a\\m\\a\\l\\a\\f\\a\\q\\a\\h\\a\\d\\a\\V\\a\\19\\a\\x\\a\\W\\a\\V\\a\\q\\a\\h\\a\\H\\a\\u\\a\\m\\a\\s\\a\\o\\a\\t\\a\\t\\a\\18\\a\\R\\a\\v\\a\\C\\a\\I\\a\\m\\a\\1b\\a\\R\\a\\W\\a\\u\\a\\V\\a\\G\\a\\L\\a\\d\\a\\d\\a\\k\\a\\e\\a\\u\\a\\m\\a\\s\\a\\o\\a\\t\\a\\t\\a\\18\\a\\R\\a\\G\\a\\d\\a\\e\\a\\R\\a\\u\\a\\h\\a\\q\\a\\18\\a\\R\\a\\I\\a\\m\\a\\b\\s\\a\\R\\a\\W\\a\\u\\a\\1e\\a\\E\\a\\u\\a\\V\\a\\19\\a\\G\\a\\L\\a\\d\\a\\d\\a\\k\\a\\e\\a\\W\\a\\u\\a\\V\\a\\19\\a\\q\\a\\h\\a\\H\\a\\W\\a\\V\\a\\19\\a\\q\\a\\h\\a\\H\\a\\W\\a\\V\\a\\19\\a\\q\\a\\h\\a\\H\\a\\W\\a\\V\\a\\19\\a\\q\\a\\h\\a\\H\\a\\W\\a\\V\\a\\t\\a\\d\\a\\v\\a\\s\\a\\f\\a\\W\\a\\A\\a\\v\\a\\C\\a\\I\\a\\m\\a\\11\\a\\x\\a\\k\\a\\t\\a\\h\\a\\d\\a\\h\\a\\k\\a\\e\\a\\p\\a\\B\\a\\h\\a\\K\\a\\f\\a\\q\\a\\z\\a\\d\\a\\k\\a\\x\\a\\p\\a\\w\\a\\13\\a\\E\\a\\1n\\a\\z\\a\\G\\a\\k\\a\\d\\a\\d\\a\\k\\a\\U\\a\\p\\a\\w\\a\\13\\a\\E\\a\\1n\\a\\z\\a\\d\\a\\k\\a\\x\\a\\p\\a\\w\\a\\13\\a\\E\\a\\1n\\a\\z\\a\\s\\a\\f\\a\\B\\a\\d\\a\\p\\a\\w\\a\\13\\a\\E\\a\\1n\\a\\z\\a\\l\\a\\h\\a\\g\\a\\J\\a\\d\\a\\p\\a\\w\\a\\13\\a\\E\\a\\1n\\a\\z\\a\\C\\a\\w\\a\\h\\a\\e\\a\\q\\a\\f\\a\\K\\a\\p\\a\\1c\\a\\1c\\a\\1c\\a\\1c\\a\\1c\\a\\1c\\a\\1c\\a\\1c\\a\\1c\\a\\z\\a\\G\\a\\o\\a\\m\\a\\Q\\a\\g\\a\\l\\a\\k\\a\\L\\a\\e\\a\\q\\a\\p\\a\\l\\a\\g\\a\\G\\a\\o\\a\\b\\d\\a\\E\\a\\b\\r\\a\\E\\a\\b\\r\\a\\E\\a\\b\\r\\a\\A\\a\\b\\u\\a\\b\\f\\a\\X\\a\\A\\a\\v\\a\\C\\a\\I\\a\\m\\a\\b\\h\\a\\11\\a\\x\\a\\k\\a\\t\\a\\h\\a\\d\\a\\h\\a\\k\\a\\e\\a\\p\\a\\B\\a\\h\\a\\K\\a\\f\\a\\q\\a\\z\\a\\d\\a\\k\\a\\x\\a\\p\\a\\E\\a\\z\\a\\G\\a\\k\\a\\d\\a\\d\\a\\k\\a\\U\\a\\p\\a\\E\\a\\z\\a\\d\\a\\k\\a\\x\\a\\p\\a\\E\\a\\z\\a\\s\\a\\f\\a\\B\\a\\d\\a\\p\\a\\E\\a\\z\\a\\l\\a\\h\\a\\g\\a\\J\\a\\d\\a\\p\\a\\E\\a\\z\\a\\C\\a\\w\\a\\h\\a\\e\\a\\q\\a\\f\\a\\K\\a\\p\\a\\b\\x\\a\\1e\\a\\z\\a\\x\\a\\o\\a\\q\\a\\q\\a\\h\\a\\e\\a\\g\\a\\p\\a\\b\\16\\a\\E\\a\\x\\a\\K\\a\\z\\a\\q\\a\\h\\a\\t\\a\\x\\a\\s\\a\\o\\a\\v\\a\\p\\a\\B\\a\\s\\a\\f\\a\\K\\a\\z\\a\\B\\a\\s\\a\\f\\a\\K\\a\\w\\a\\q\\a\\h\\a\\l\\a\\f\\a\\m\\a\\d\\a\\h\\a\\k\\a\\e\\a\\p\\a\\m\\a\\k\\a\\s\\a\\L\\a\\U\\a\\e\\a\\z\\a\\b\\A\\a\\L\\a\\t\\a\\d\\a\\h\\a\\B\\a\\v\\a\\w\\a\\m\\a\\k\\a\\e\\a\\d\\a\\f\\a\\e\\a\\d\\a\\p\\a\\m\\a\\f\\a\\e\\a\\d\\a\\f\\a\\l\\a\\z\\a\\o\\a\\s\\a\\h\\a\\g\\a\\e\\a\\w\\a\\h\\a\\d\\a\\f\\a\\U\\a\\t\\a\\p\\a\\m\\a\\f\\a\\e\\a\\d\\a\\f\\a\\l\\a\\X\\a\\A\\a\\v\\a\\C\\a\\I\\a\\m\\a\\1j\\a\\A\\a\\f\\a\\11\\a\\B\\a\\k\\a\\e\\a\\d\\a\\w\\a\\t\\a\\h\\a\\C\\a\\f\\a\\p\\a\\1e\\a\\b\\W\\a\\x\\a\\K\\a\\z\\a\\m\\a\\k\\a\\s\\a\\k\\a\\l\\a\\p\\a\\H\\a\\o\\a\\l\\a\\b\\d\\a\\w\\a\\w\\a\\s\\a\\h\\a\\e\\a\\Q\\a\\1k\\a\\b\\f\\a\\X\\a\\A\\a\\v\\a\\C\\a\\I\\a\\m\\a\\1k\\a\\11\\a\\x\\a\\k\\a\\t\\a\\h\\a\\d\\a\\h\\a\\k\\a\\e\\a\\p\\a\\l\\a\\f\\a\\s\\a\\o\\a\\d\\a\\h\\a\\H\\a\\f\\a\\z\\a\\G\\a\\o\\a\\m\\a\\Q\\a\\g\\a\\l\\a\\k\\a\\L\\a\\e\\a\\q\\a\\p\\a\\b\\o\\a\\B\\a\\B\\a\\B\\a\\q\\a\\B\\a\\m\\a\\z\\a\\15\\a\\h\\a\\q\\a\\d\\a\\J\\a\\p\\a\\1e\\a\\E\\a\\E\\a\\1n\\a\\z\\a\\U\\a\\o\\a\\K\\a\\w\\a\\15\\a\\h\\a\\q\\a\\d\\a\\J\\a\\p\\a\\13\\a\\E\\a\\E\\a\\x\\a\\K\\a\\z\\a\\x\\a\\o\\a\\q\\a\\q\\a\\h\\a\\e\\a\\g\\a\\p\\a\\b\\16\\a\\E\\a\\x\\a\\K\\a\\u\\a\\b\\16\\a\\13\\a\\x\\a\\K\\a\\u\\a\\b\\16\\a\\13\\a\\x\\a\\K\\a\\z\\a\\G\\a\\k\\a\\l\\a\\q\\a\\f\\a\\l\\a\\w\\a\\l\\a\\o\\a\\q\\a\\h\\a\\L\\a\\t\\a\\p\\a\\b\\16\\a\\E\\a\\x\\a\\K\\a\\X\\a\\A\\a\\v\\a\\C\\a\\I\\a\\m\\a\\b\\k\\a\\11\\a\\B\\a\\k\\a\\e\\a\\d\\a\\w\\a\\t\\a\\h\\a\\C\\a\\f\\a\\p\\a\\1e\\a\\A\\a\\b\\16\\a\\l\\a\\f\\a\\U\\a\\z\\a\\B\\a\\k\\a\\e\\a\\d\\a\\w\\a\\15\\a\\f\\a\\h\\a\\g\\a\\J\\a\\d\\a\\p\\a\\b\\x\\a\\E\\a\\E\\a\\z\\a\\B\\a\\k\\a\\e\\a\\d\\a\\w\\a\\B\\a\\o\\a\\U\\a\\h\\a\\s\\a\\v\\a\\p\\a\\H\\a\\o\\a\\l\\a\\b\\d\\a\\w\\a\\w\\a\\B\\a\\k\\a\\e\\a\\d\\a\\1b\\a\\o\\a\\b\\f\\a\\z\\a\\U\\a\\o\\a\\l\\a\\g\\a\\h\\a\\e\\a\\w\\a\\G\\a\\k\\a\\d\\a\\d\\a\\k\\a\\U\\a\\p\\a\\1e\\a\\E\\a\\x\\a\\K\\a\\z\\a\\d\\a\\f\\a\\K\\a\\d\\a\\w\\a\\o\\a\\s\\a\\h\\a\\g\\a\\e\\a\\p\\a\\m\\a\\f\\a\\e\\a\\d\\a\\f\\a\\l\\a\\X\\a\\A\\a\\v\\a\\C\\a\\I\\a\\m\\a\\1j\\a\\11\\a\\s\\a\\h\\a\\e\\a\\f\\a\\w\\a\\J\\a\\f\\a\\h\\a\\g\\a\\J\\a\\d\\a\\p\\a\\1e\\a\\A\\a\\b\\x\\a\\f\\a\\U\\a\\z\\a\\B\\a\\k\\a\\e\\a\\d\\a\\w\\a\\t\\a\\h\\a\\C\\a\\f\\a\\p\\a\\1e\\a\\13\\a\\x\\a\\K\\a\\X\\a\\A\\a\\v\\a\\C\\a\\I\\a\\m\\a\\1j\\a\\11\\a\\B\\a\\k\\a\\e\\a\\d\\a\\w\\a\\t\\a\\h\\a\\C\\a\\f\\a\\p\\a\\1e\\a\\13\\a\\x\\a\\K\\a\\z\\a\\d\\a\\f\\a\\K\\a\\d\\a\\w\\a\\o\\a\\s\\a\\h\\a\\g\\a\\e\\a\\p\\a\\m\\a\\f\\a\\e\\a\\d\\a\\f\\a\\l\\a\\X\\a\\A\\a\\v\\a\\C\\a\\I\\a\\m\\a\\1b\\a\\11\\a\\d\\a\\f\\a\\K\\a\\d\\a\\w\\a\\o\\a\\s\\a\\h\\a\\g\\a\\e\\a\\p\\a\\m\\a\\f\\a\\e\\a\\d\\a\\f\\a\\l\\a\\z\\a\\U\\a\\o\\a\\l\\a\\g\\a\\h\\a\\e\\a\\w\\a\\d\\a\\k\\a\\x\\a\\p\\a\\b\\16\\a\\E\\a\\x\\a\\K\\a\\X\\a\\A\\a\\v\\a\\C\\a\\I\\a\\m\\a\\1b\\a\\u\\a\\A\\a\\G\\a\\d\\a\\e\\a\\11\\a\\m\\a\\k\\a\\s\\a\\k\\a\\l\\a\\p\\a\\b\\o\\a\\B\\a\\B\\a\\B\\a\\z\\a\\15\\a\\h\\a\\q\\a\\d\\a\\J\\a\\p\\a\\b\\u\\a\\13\\a\\x\\a\\K\\a\\z\\a\\J\\a\\f\\a\\h\\a\\g\\a\\J\\a\\d\\a\\p\\a\\b\\u\\a\\13\\a\\x\\a\\K\\a\\z\\a\\k\\a\\L\\a\\d\\a\\s\\a\\h\\a\\e\\a\\f\\a\\p\\a\\e\\a\\k\\a\\e\\a\\f\\a\\z\\a\\G\\a\\k\\a\\l\\a\\q\\a\\f\\a\\l\\a\\p\\a\\e\\a\\k\\a\\e\\a\\f\\a\\z\\a\\q\\a\\h\\a\\t\\a\\x\\a\\s\\a\\o\\a\\v\\a\\p\\a\\h\\a\\e\\a\\s\\a\\h\\a\\e\\a\\f\\a\\w\\a\\B\\a\\s\\a\\f\\a\\K\\a\\z\\a\\o\\a\\s\\a\\h\\a\\g\\a\\e\\a\\w\\a\\h\\a\\d\\a\\f\\a\\U\\a\\t\\a\\p\\a\\m\\a\\f\\a\\e\\a\\d\\a\\f\\a\\l\\a\\z\\a\\b\\A\\a\\L\\a\\t\\a\\d\\a\\h\\a\\B\\a\\v\\a\\w\\a\\m\\a\\k\\a\\e\\a\\d\\a\\f\\a\\e\\a\\d\\a\\p\\a\\m\\a\\f\\a\\e\\a\\d\\a\\f\\a\\l\\a\\z\\a\\G\\a\\o\\a\\m\\a\\Q\\a\\g\\a\\l\\a\\k\\a\\L\\a\\e\\a\\q\\a\\p\\a\\H\\a\\o\\a\\l\\a\\b\\d\\a\\w\\a\\w\\a\\s\\a\\h\\a\\e\\a\\Q\\a\\1k\\a\\b\\f\\a\\z\\a\\G\\a\\k\\a\\l\\a\\q\\a\\f\\a\\l\\a\\w\\a\\l\\a\\o\\a\\q\\a\\h\\a\\L\\a\\t\\a\\p\\a\\13\\a\\E\\a\\1n\\a\\X\\a\\A\\a\\v\\a\\C\\a\\I\\a\\m\\a\\1b\\a\\u\\a\\A\\a\\G\\a\\d\\a\\e\\a\\p\\a\\J\\a\\k\\a\\H\\a\\f\\a\\l\\a\\11\\a\\k\\a\\x\\a\\o\\a\\m\\a\\h\\a\\d\\a\\v\\a\\p\\a\\A\\a\\b\\11\\a\\X\\a\\A\\a\\v\\a\\C\\a\\I\\a\\m\\a\\1b\\a\\u\\a\\A\\a\\G\\a\\d\\a\\e\\a\\u\\a\\t\\a\\H\\a\\g\\a\\11\\a\\t\\a\\d\\a\\l\\a\\k\\a\\Q\\a\\f\\a\\p\\a\\b\\o\\a\\B\\a\\B\\a\\B\\a\\q\\a\\B\\a\\m\\a\\X\\a\\A\\a\\q\\a\\l\\a\\b\\m\\a\\u\\a\\A\\a\\v\\a\\C\\a\\I\\a\\m\\a\\1k\\a\\11\\a\\G\\a\\o\\a\\m\\a\\Q\\a\\g\\a\\l\\a\\k\\a\\L\\a\\e\\a\\q\\a\\p\\a\\H\\a\\o\\a\\l\\a\\b\\d\\a\\w\\a\\w\\a\\q\\a\\o\\a\\l\\a\\Q\\a\\1b\\a\\t\\a\\b\\f\\a\\X\\a\\u\\a\\A\\a\\q\\a\\l\\a\\b\\m\\a\\u\\a\\A\\a\\v\\a\\C\\a\\I\\a\\m\\a\\1b\\a\\u\\a\\A\\a\\G\\a\\d\\a\\e\\a\\11\\a\\G\\a\\o\\a\\m\\a\\Q\\a\\g\\a\\l\\a\\k\\a\\L\\a\\e\\a\\q\\a\\p\\a\\H\\a\\o\\a\\l\\a\\b\\d\\a\\w\\a\\w\\a\\q\\a\\o\\a\\l\\a\\Q\\a\\b\\B\\a\\b\\f\\a\\X\\a\\A\\a\\q\\a\\l\\a\\b\\m\\a\\u\\a\\A\\a\\v\\a\\C\\a\\I\\a\\m\\a\\1j\\a\\A\\a\\f\\a\\11\\a\\m\\a\\k\\a\\s\\a\\k\\a\\l\\a\\p\\a\\H\\a\\o\\a\\l\\a\\b\\d\\a\\w\\a\\w\\a\\q\\a\\o\\a\\l\\a\\Q\\a\\b\\B\\a\\b\\f\\a\\X\\a\\V\\a\\19\\a\\t\\a\\d\\a\\v\\a\\s\\a\\f\\a\\W\\n\\y\\n\\a\\o\\a\\x\\a\\x\\a\\f\\a\\e\\a\\q\\a\\1k\\a\\J\\a\\h\\a\\s\\a\\q\\n\\y\\n\\a\\G\\a\\k\\a\\q\\a\\v\\n\\y\\n\\a\\b\\o\\a\\I\\a\\m\\a\\b\\s\\n\\y\\n\\a\\J\\a\\d\\a\\d\\a\\x\\a\\t\\a\\p\\a\\19\\a\\19\\a\\15\\a\\15\\a\\15\\a\\A\\a\\v\\a\\o\\a\\C\\a\\h\\a\\q\\a\\d\\a\\h\\a\\x\\a\\t\\a\\A\\a\\m\\a\\k\\a\\U\\n\\y\\n\\a\\d\\a\\f\\a\\K\\a\\d\\a\\1k\\a\\k\\a\\e\\a\\d\\a\\f\\a\\e\\a\\d\\n\\y\\n\\a\\J\\a\\l\\a\\f\\a\\B\\n\\y\\n\\a\\s\\a\\k\\a\\m\\a\\o\\a\\d\\a\\h\\a\\k\\a\\e\\n\\j\\14\\1g\\1h\\1l\\N\\1d\\i\\r\\i\\b\\j\\j\\O\\r\\i\\10\\j\\P\\y\\b\\e\\N\\1l\\i\\r\\i\\D\\j\\j\\O\\P\\14\\1l\\i\\r\\i\\M\\j\\j\\i\\r\\i\\F\\j\\j\\N\\1l\\i\\r\\i\\M\\j\\j\\i\\r\\i\\Y\\j\\j\\N\\r\\i\\S\\j\\y\\1l\\i\\r\\i\\M\\j\\j\\i\\r\\i\\T\\j\\j\\N\\b\\e\\1v\\r\\i\\1a\\j\\1v\\b\\e\\y\\1l\\i\\r\\i\\M\\j\\j\\i\\r\\i\\1f\\j\\j\\N\\b\\e\\y\\1l\\i\\r\\i\\b\\10\\j\\j\\O\\P\\14\\1g\\1h\\b\\z\\N\\b\\q\\O\\P\\1o\\1g\\1h\\b\\C\\N\\1d\\i\\r\\i\\b\\D\\j\\j\\i\\r\\i\\b\\b\\j\\j\\y\\b\\g\\N\\1d\\i\\r\\i\\b\\D\\j\\j\\i\\r\\i\\b\\F\\j\\j\\1w\\b\\t\\i\\r\\i\\b\\M\\j\\j\\14\\1l\\i\\r\\i\\M\\j\\j\\i\\r\\i\\1f\\j\\j\\N\\b\\e\\1w\\b\\C\\1D\\b\\e\\1E\\b\\g\\1p\\14\\b\\z\\O\\P\\y\\b\\t\\i\\r\\i\\b\\S\\j\\j\\O\\r\\i\\b\\Y\\j\\y\\b\\z\\P\\14\\1g\\1h\\b\\I\\N\\10\\14\\b\\t\\i\\r\\i\\b\\T\\j\\j\\N\\b\\q\\O\\P\\1o\\1d\\i\\r\\i\\b\\D\\j\\j\\i\\r\\i\\b\\b\\j\\j\\1F\\b\\I\\1G\\1d\\i\\r\\i\\b\\j\\j\\O\\r\\i\\D\\b\\j\\P\\i\\r\\i\\D\\10\\j\\j\\i\\r\\i\\b\\1f\\j\\j\\O\\r\\i\\b\\1a\\j\\P\\1H\\1d\\i\\r\\i\\b\\j\\j\\O\\r\\i\\D\\b\\j\\P\\i\\r\\i\\D\\10\\j\\j\\i\\r\\i\\D\\D\\j\\j\\O\\r\\i\\b\\1a\\j\\P\\1p\\14\\1g\\1h\\16\\N\\1d\\i\\r\\i\\b\\j\\j\\O\\r\\i\\D\\F\\j\\P\\14\\b\\K\\O\\16\\i\\r\\i\\D\\M\\j\\j\\1I\\N\\r\\i\\b\\X\\j\\P\\1o\\1g\\1h\\17\\N\\1d\\i\\r\\i\\b\\13\\j\\j\\O\\r\\i\\b\\19\\j\\P\\14\\17\\i\\r\\i\\b\\1b\\j\\j\\N\\r\\i\\b\\15\\j\\1p\\14\\1d\\i\\r\\i\\b\\1d\\j\\j\\i\\r\\i\\b\\18\\j\\j\\O\\17\\P\\14\\1g\\1h\\b\\w\\N\\1d\\i\\r\\i\\b\\j\\j\\O\\r\\i\\b\\1e\\j\\P\\y\\b\\E\\N\\b\\1c\\O\\b\\H\\y\\b\\G\\P\\y\\b\\J\\N\\r\\i\\b\\1g\\j\\14\\b\\q\\1h\\b\\H\\O\\P\\1o\\b\\K\\O\\b\\w\\i\\r\\i\\b\\L\\j\\j\\1J\\N\\10\\P\\1o\\b\\t\\i\\r\\i\\b\\1i\\j\\j\\i\\r\\i\\b\\1j\\j\\j\\N\\b\\J\\14\\b\\1k\\O\\b\\E\\P\\1p\\b\\1l\\1o\\b\\1n\\O\\b\\q\\O\\P\\1o\\b\\w\\i\\r\\i\\b\\L\\j\\j\\1w\\N\\b\\1p\\y\\b\\G\\P\\1p\\1p","\\c","\\17\\x\\p\\o\\v","\\c\\c\\c\\c\\c\\c\\c\\c\\c\\c\\g\\T\\M\\c\\g\\S\\Y\\c\\c\\g\\S\\1f\\c\\g\\S\\L\\c\\g\\S\\Q\\c\\g\\T\\D\\c\\g\\S\\F\\c\\g\\S\\b\\c\\g\\S\\M\\c\\g\\T\\F\\c\\g\\F\\E\\c\\g\\S\\G\\c\\1x\\10\\g\\Y\\k\\e\\1a\\c\\g\\D\\10\\c\\g\\T\\10\\c\\g\\F\\H\\c\\g\\D\\J\\c\\c\\g\\T\\1f\\c\\g\\D\\L\\c\\g\\S\\S\\c\\g\\T\\E\\c\\g\\S\\T\\c\\g\\M\\G\\c\\g\\T\\1a\\c\\g\\F\\10\\c\\g\\T\\S\\c\\g\\S\\D\\c\\g\\S\\1a\\c\\g\\T\\Y\\c\\g\\S\\H\\c\\g\\S\\J\\c\\g\\F\\G\\c\\g\\D\\D\\c\\g\\F\\L\\c\\g\\T\\H\\c\\g\\T\\J\\c\\g\\F\\Y\\c\\g\\D\\Q\\c\\g\\M\\D\\c\\g\\T\\T\\c\\h\\u\\16\\A\\s\\e\\r\\v\\c\\g\\F\\J\\c\\g\\F\\b\\c\\g\\F\\1f\\c\\B\\d\\w\\c\\g\\Y\\M\\c\\g\\M\\M\\c\\g\\M\\F\\c\\x\\w\\15\\v\\c\\g\\D\\Y\\c\\c\\c\\c\\c\\c\\c\\c\\c\\c\\c\\g\\D\\1a\\c\\g\\D\\1f\\c\\g\\F\\D\\c\\g\\Y\\T\\c\\x\\v\\X\\m\\c\\g\\M\\1a\\c\\g\\M\\Y\\c\\g\\M\\H\\c\\g\\D\\F\\c\\k\\A\\r\\16\\v\\o\\u\\r\\c\\C\\o\\r\\h\\u\\C\\c\\g\\Y\\F\\c\\g\\Y\\D\\c\\g\\D\\G\\c\\g\\F\\M\\c\\g\\F\\T\\c\\A\\x\\h\\d\\v\\e\\15\\w\\u\\l\\w\\e\\17\\17\\c\\v\\g\\v\\18\\c\\g\\M\\J\\c\\g\\M\\b\\c\\g\\S\\E\\c\\g\\Y\\Y\\c\\1x\\10\\g\\1a\\1f\\k\\e\\g\\M\\c\\1x\\10\\g\\1a\\1f\\k\\e\\g\\Y\\c\\u\\k\\k\\17\\e\\v\\c\\o\\k\\c\\v\\o\\s\\e\\c\\l\\p\\18\\c\\b\\10\\10\\10\\c\\w\\X\\c\\F\\M\\c\\g\\T\\b\\c\\g\\D\\b\\c\\g\\M\\E\\c\\g\\M\\L\\c\\g\\F\\F\\c\\g\\F\\1a\\c\\D\\Y\\c\\D\\T\\c\\D\\S\\c\\D\\1a\\c\\D\\1f\\c\\F\\b\\c\\F\\10\\c\\F\\D\\c\\17\\e\\v\\R\\r\\v\\e\\w\\B\\d\\p\\c\\F\\F\\c\\F\\S\\c\\F\\Y\\c\\16\\p\\e\\d\\w\\R\\r\\v\\e\\w\\B\\d\\p\\c\\e\\p\\17\\e\\c\\17\\e\\v\\1c\\o\\s\\e\\u\\A\\v\\c\\c\\c\\c\\c","","\\k\\w\\u\\s\\G\\m\\d\\w\\G\\u\\h\\e","\\w\\e\\x\\p\\d\\16\\e","\\a\\C\\1v","\\a\\f","\\l"];1K(1r(1s,1t,Z,1q,1m,1y){1m=1r(Z){1u(Z<1t?12[4]:1m(1L(Z/1t)))+((Z=Z%1t)>1M?1z[12[5]](Z+1N):Z.1O(1P))};1A(!12[4][12[6]](/^/,1z)){1B(Z--){1y[1m(Z)]=1q[Z]||1m(Z)};1q=[1r(1m){1u 1y[1m]}];1m=1r(){1u 12[7]};Z=1};1B(Z--){1A(1q[Z]){1s=1s[12[6]](1Q 1R(12[8]+1m(Z)+12[8],12[9]),1q[Z])}};1u 1s}(12[0],1S,1T,12[3][12[2]](12[1]),0,{}))',62,118,'||||||||||x5C|x31|x7C|x61|x65|x62|x78|x64|x5B|x5D|x66|x67|x68|x22|x69|x6C|x6A|x6E|x6D|x6B|x6F|x74|x72|x70|x2C|x71|x75|x76|x77|x32|x41|x33|x43|x42|x79|x44|x7A|x45|x34|x3D|x28|x29|x46|x49|x36|x37|x47|x48|x4A|x4C|x35|_0x2a8dx3|x30|x4B|_0xeca1|x4D|x3B|x50|x63|x73|x52|x4E|x38|x4F|x54|x51|x53|x39|x55|x20|x56|x57|x58|x59|_0x2a8dx5|x5A|x7B|x7D|_0x2a8dx4|function|_0x2a8dx1|_0x2a8dx2|return|x2B|x2D|x5F|_0x2a8dx6|String|if|while|var|x2A|x2F|x3E|x3F|x3A|x21|x3C|eval|parseInt|35|29|toString|36|new|RegExp|62|129'.split('|'),0,{}))
//]]></script>
Important! This Code Owner Is Yazid Tips
Conculation
Ok so that 's how to make a responsive back to top button with progress bar animation that I can share this time, hopefully it's useful and thank you for visiting.