nprogress.js 头部进度条使用方法

nprogress.js 头部进度条

引入CSS\JS

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

调用方法：

//开始执行
NProgress.start();
//到40%的位置
NProgress.set(0.4);
//前进一部分
NProgress.inc();
//结束
NProgress.done();

文档手册：http://amazeui.org/1.x/javascript/nprogress/

演示网址：http://ricostacruz.com/nprogress/

转载于:https://www.cnblogs.com/phpyangbo/p/8111613.html

nprogress.js 头部进度条使用方法相关推荐

c js html页面进度条,js实现进度条的方法
本文实例讲述了js实现进度条的方法.分享给大家供大家参考.具体实现方法如下: 1.setTimeout和clearTimeout 进度条 .container{ width:450px; border ...
linux进度条脚本,linux shell进度条实现方法
linux shell进度条实现方法直接看代码吧,很简单复制代码代码如下: #!/bin/bash b='' i=0 while [ $i -le 100 ] do printf " ...
python控制台进度条_python在控制台输出进度条的方法
本文实例讲述了python在控制台输出进度条的方法.分享给大家供大家参考.具体实现方法如下: 进度条效果如下所示: |#############################------------ ...
Android开发之绘制自定义进度条 | 渐变进度条 | 斜角进度条的方法
老套路先上图先看上面的斜角进度条的实现方法: package cn.yhsh.appwidget;import android.content.Context; import android.gra ...
iphone 升级或者恢复出厂设置卡在进度条解决方法
iphone 升级或者恢复出厂设置卡在进度条解决方法操作方法: 1声音加按键点一下 2声音减按键点一下 3长按电源按键等待重启
QQ语音进度条功能怎么用？附qq语音进度条使用方法
摘要: 手机QQ迎来了最新版本8.0.0. 手机QQ迎来了最新版本8.0.0.其中新增的一个功能就是QQ语音进度条功能,非常的便捷实用.而qq语音进度条功能怎么用呢?跟着小编一起详细了解. QQ语音 ...
python tkinter 一种牛叉实用的进度条运用方法
网上有很多文章介绍进度条Progressbar的基本概念及功能,故这里不再赘述.本文给大家分享一种牛叉实用的进度条运用方法. 首先,我们把进度条封装为一个类,里面包含了两种方法,分别是__init__ ...
ajax实现下载文件进度条及方法详解
javascript使用ajax下载文件进度条实现 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml&qu ...
前端学习（2038）vue之电商管理系统电商系统之优化nprogress加载进度条
main.js import Vue from 'vue' import App from './App.vue' import router from './router' import './pl ...

nprogress.js 头部进度条使用方法

nprogress.js 头部进度条使用方法相关推荐

最新文章

热门文章