Toggle navigation
在线编辑器
在线代码
文本比较
jQuery下载
前端库
在线手册
登录/注册
下载代码
html
css
js
分享到微信朋友圈
X
html
Downloading: 30.18 GB remaining @ 7.14 MB/s
Downloading: 30.18 GB remaining @ 7.14 MB/s
Downloading: 30.18 GB remaining @ 7.14 MB/s
css
html, body { padding: 0px; margin: 0px; background: #260E03; font-family: 'Karla', sans-serif; color: #FFF; } .loader { margin: 50px auto; height: 24px; width: 600px; border: 1px solid rgba(255, 255, 255, 0.25); background: rgba(255, 255, 255, 0.08); border-radius: 3px; position: relative; box-sizing: border-box; overflow-y: visible; } .loader .flash { width: 100%; height: 100%; position: absolute; overflow: hidden; } .loader .flash .gradient { width: 100%; height: 100%; position: absolute; animation: moveflash 5s infinite; z-index: 2; } .loader .flash .gradient:after, .loader .flash .gradient:before { content: ' '; position: absolute; top: 0px; left: 0px; width: 50%; height: 100%; opacity: 0.35; background: linear-gradient(to left, white, rgba(255, 255, 255, 0)); } .loader .flash .gradient:before { content: ' '; position: absolute; left: 50%; width: 50%; background: linear-gradient(to left, rgba(255, 255, 255, 0), white); } .loader .flair { width: 100%; height: 100%; top: 0px; left: 0px; position: absolute; overflow: hidden; } .loader .flair .hide { width: 100%; height: 100%; top: 0px; left: 0px; position: absolute; overflow: hidden; z-index: 1000; border-radius: 3px; animation: moveflash 5s infinite; } .loader .flair .hide .inset { width: 50px; height: 100%; position: absolute; top: 0px; left: 50%; transform: translateX(-50%); overflow: hidden; } .loader .flair .hide .inset:after { content: ''; z-index: 1000; position: absolute; top: -2px; left: -25%; height: 26px; width: 150%; box-shadow: inset 0px 0px 6px rgba(255, 255, 255, 0.75); } .loader .notloaded { display: inline-block; width: 65%; height: 100%; position: relative; z-index: 30; box-sizing: border-box; float: left; background: #260E03; border-radius: 0px 3px 3px 0px; } .loader .notloaded:after { content: ''; position: absolute; top: 1%; left: 0px; background: rgba(255, 255, 255, 0.1); width: 100%; height: 98%; } .loader .loaded { display: inline-block; box-sizing: border-box; width: 35%; position: relative; height: 100%; float: left; background: linear-gradient(to left, #F9C900, #D78400); border-radius: 2px 0px 0px 2px; } .loader .loaded:before { content: ''; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; position: relative; box-shadow: inset 0px 0px 6px white; border-radius: 2px 0px 0px 2px; z-index: 10; } .loader .loaded:after { content: ''; position: absolute; top: 0px; right: 0px; width: 1px; height: 100%; background: rgba(255, 255, 255, 0.25); box-shadow: 0px 5px 3px rgba(255, 255, 255, 0.3), 0px -5px 3px rgba(255, 255, 255, 0.3), 0px 7px 2px rgba(255, 255, 255, 0.1), 0px -7px 2px rgba(255, 255, 255, 0.1), 0px 9px 1px rgba(255, 255, 255, 0.2), 0px -9px 1px rgba(255, 255, 255, 0.2), 0px 11px 1px rgba(255, 255, 255, 0.1), 0px -11px 1px rgba(255, 255, 255, 0.1); } .loader .text { font-weight: 100; position: absolute; top: 2px; left: 10px; z-index: 100; font-size: 14px; text-shadow: 0px 2px 2px black; } @keyframes moveflash { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } } .loader:nth-of-type(2) .loaded { background: linear-gradient(to left, #FF635B, #D13730); } .loader:nth-of-type(3) .loaded { background: linear-gradient(to left, #3795F8, #207DE0); }
JavaScript
粒子
时间
文字
hover
canvas
3d
游戏
音乐
火焰
水波
轮播图
鼠标跟随
动画
css
加载动画
导航
菜单
按钮
滑块
tab
弹出层
统计图
svg
×
Close
在线代码下载提示
开通在线代码永久免费下载,需支付20jQ币
开通后,在线代码模块中所有代码可终身免费下!
您已开通在线代码永久免费下载,关闭提示框后,点下载代码可直接下载!
您已经开通过在线代码永久免费下载
对不起,您的jQ币不足!可通过发布资源 或
直接充值获取jQ币
取消
开通下载
<!doctype html> <html> <head> <meta charset="utf-8"> <title>战网进度条-jq22.com</title> <script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script> <style>
</style> </head> <body>
<script>
</script>
</body> </html>
2012-2021 jQuery插件库版权所有
jquery插件
|
jq22工具库
|
网页技术
|
广告合作
|
在线反馈
|
版权声明
沪ICP备13043785号-1
浙公网安备 33041102000314号