jquery顶部加载进度条，YouTube一样的控件代码

lanbing

jquery顶部加载进度条，YouTube一样的控件代码




先引用必要的js和css

1. <script type="text/javascript" src="/assets/js/jquery.loadingbar.js"></script>
   
2. <link rel="stylesheet" type="text/css" href="/assets/css/loadingbar.css" />

复制代码

写入必要的标签

1. <a href="https://www.lbhao.com"  id="clickme">Load Test Data</a>

复制代码

写入必要的js：
$("#clickme").loadingbar({
  complete: function(xhr, text) {console.log(this.url);},//可以获取到url，即https://www.lbhao.com，console.log(this.url);填写自己的逻辑代码
  error: function(xhr, text, e) {console.log(this.url);},//可以获取到url，即https://www.lbhao.com，console.log(this.url);填写自己的逻辑代码
  success: function(data, text, xhr) {console.log(this.url);},//获取不到url
  done: function(data) {console.log(this.url);}//获取不到url
});



结束战斗，看效果图：


原站点压缩包下载地址：点击下载