朴及设计

优秀的设计服务机构

今天发现了一个超赞的轻量级js插件 pace.js,用于网页预加载显示进度提示。

官方演示地址: https://github.hubspot.com/pace/docs/welcome



使用方法

在官网中下载 pace.min.js 文件以及选择想要的加载样式 css 文件,然后在页面中导入这两个文件即可,不需要额外进行设置,也无需依赖其他 js 库。

<!-- 在head中引用文件,路径修改为文件存放的路径即可 -->
<link href="pace-theme.css" />
<script src="pace.min.js"></script>

加载样式有多种形式,可在官网中选择自己想要的加载形式,或者自己修改css文件。当然,插件也支持一些初始化配置,具体方法可参考官方文档。