懒人之家--可能是JS网页特效代码收集最全的懒站!

简单好用的原生js百分比进度条效果

作者/代码整理:懒人  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2016-07-11

效果描述:
一个非常简单的纯js实现的loading动画效果
由于没有实际的进度显示
故这里只用js的setInterval模拟加载效果
原理就是不断改变CSS中内部一个div的宽度以此达到加载的样式效果

使用方法:
1、将CSS样式拷贝到你的网页中
2、将body中需要的代码部分拷贝到你需要的地方即可