关闭

仿YouTube页面加载 顶部进度条

标签: 进度条
525人阅读 评论(0) 收藏 举报
分类:

仿YouTube页面加载 顶部进度条

页面加载时显示顶端进度条效果如下:
效果截图

Pace.js,官网

使用方法

Pace.js会自动加载到页面中,不需要挂接到任何代码,会自动检测进度

在需要显示进度条的页面加入代码如下:

<head>
    <link rel="stylesheet" href="../themes/red/pace-theme-flash.css" />
    <script src="../pace.js"></script>
</head>
也可以根据需求进行自定义配置
 paceOptions = {
  // Disable the 'elements' source
  elements: false,

  // Only show the progress on regular and ajax-y page navigation,
  // not every request
  restartOnRequestAfter: false
  }

下载代码

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:3044次
    • 积分:113
    • 等级:
    • 排名:千里之外
    • 原创:7篇
    • 转载:4篇
    • 译文:0篇
    • 评论:0条