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

Question

任何人都可以指导我如何使用 nprogress 为 opencart 创建页面加载器栏吗？

期待详细答案。

谢谢

Answer 1

首先在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>