单击新链接时,进度栏位于顶部

时间:2018-08-08 19:17:08

标签: javascript html

当有人单击页面上的链接时,我正在尝试创建进度栏。我想要的效果类似于youtube.com

也就是说,激活此脚本后,会在顶部显示一个进度条(注意:新链接的页面加载中未显示),而当加载新页面时,内容将通过替换< strong> <body>

有这样的脚本吗?无需更改页面上的每个链接

我得到的最接近的匹配是此示例:

$(".ajax-call").loadingbar({
  target: "#loadingbar-frame",
  replaceURL: false,
  direction: "right",

  /* Default Ajax Parameters.  */
  async: true, 
  complete: function(xhr, text) {},
  cache: true,
  error: function(xhr, text, e) {},
  global: true,
  headers: {},
  statusCode: {},
  success: function(data, text, xhr) {},
  dataType: "html",
  done: function(data) {}
});

此处解释:https://onextrapixel.com/loadingbar-js-adding-a-youtube-like-loading-bar-to-your-website/

但是有更好的东西吗?

0 个答案:

没有答案