如何使用nprogress为opencart创建页面加载程序栏

如何使用nprogress为opencart创建页面加载程序栏,opencart,Opencart,有谁能指导我如何使用nprogress为opencart创建页面加载器栏吗 期待详细的回答 谢谢首先在header.tpl中加载js和css文件 <script type="text/javascript" src='nprogress.js'></script> <link rel='stylesheet' href='nprogress.css'/> 然后在footer.tpl中添加此代码 <script type="text/javascri

有谁能指导我如何使用nprogressopencart创建页面加载器栏吗

期待详细的回答


谢谢

首先在header.tpl中加载js和css文件

<script type="text/javascript" src='nprogress.js'></script>
<link rel='stylesheet' href='nprogress.css'/>

然后在footer.tpl中添加此代码

<script type="text/javascript">
    NProgress.start();
    setTimeout(function() { NProgress.done(); $('.fade').removeClass('out'); }, 1000);
</script>

NProgress.start();
setTimeout(函数(){NProgress.done();$('.fade').removeClass('out');},1000);

great@Abdullah Al-Shakib正在工作非常感谢您的帮助。