13种CSS3网页加载进度条效果

工程师 (已认证)

发表于JS/jQuery代码

148

13种CSS3网页加载进度条效果，包括计数器进度条，顶部进度条，背景进度条等。简洁美观，兼容主流浏览器，推荐下载！

使用方法：

1、head区域引用文件normalize.css, demo.css, component.css及modernizr.custom.js， classie.js

2、在文件中加入<div class="la-anim-x"></div> 不同的x对应不同的加载效果

3、复制font文件夹里的图片到相应的路径

4、为dom元素添加class la-animate时触发进度条效果

下载方法：

1、请用微信扫描下方二维码关注时代Java公众号，或者微信搜索时代Java或NowJava关注。
（如已经关注，请直接发送编号）

2、在时代Java公众号里发送编号：5656

5656

3、发送后，将立刻收到 “验证码已经接收成功” 的回复，即可选择线路下载：

通用网络下载移动网络下载电信网络下载

本文系作者在时代Java发表，未经许可，不得转载。

如有侵权，请联系nowjava@qq.com删除。

编辑于 2020-03-27 06:54:572020-03-27 06:54:57

下载订阅

在这篇文章中：