网页顶部加载进度条NProgress
网页顶部加载进度条NProgress
小贝壳
发布于 2020-03-05 15:19:33
发布于 2020-03-05 15:19:33
代码可运行
运行总次数：0
代码可运行
Installation
Add [nprogress.js] and [nprogress.css] to your project.
<script src='nprogress.js'></script>
<link rel='stylesheet' href='nprogress.css'/>NProgress is available via bower and npm and spm.
$ bower install --save nprogress
$ npm install --save nprogressBasic usage
Simply call start() and done() to control the progress bar.
NProgress.start();
NProgress.done();Using [Turbolinks] or similar? Ensure you're using Turbolinks 1.3.0+, and use this: (explained here)
$(document).on('page:fetch', function() { NProgress.start(); });
$(document).on('page:change', function() { NProgress.done(); });
$(document).on('page:restore', function() { NProgress.remove(); });本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
原始发表：2019-10-06，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录
腾讯云开发者
