设为首页 | 加入收藏
首页 bte365手机版
程序人生互联网新闻黑客新闻网络创业
WEB开发
PHPJSPASP.NETJavascriptAJAXjQueryNode.js
编程语言
JavaGolangPythonC++C语言VC++C#
站长之家
建站技巧网络赚钱网站安全
数据库
MySQLMSSQLSQLiteMongoDBRedisAccess存储技术
网页设计
HTML+DIV+CSSFlash网页制作技巧
网络技术
网络综合网络管理无线技术云计算云技术攻防知识安全防护
学电脑
电脑常识WindowsLinuxCPU内存显卡硬盘主板
学开发
开发总结365bet注册网站_365bet手机_365bet注册送18开发工具开发手册面试题
w3school
WEB开发 > jQuery >

一个简单的jquery进度条示例

发布时间:2017-06-11 | 阅读次数:1610

用jQuery实现的最简单的进度条,只有不到10行代码。样式可以直接忽略。(有一个图片需要自己找一下)

[CSS]代码

代码如下:

???? .progress_out{
?position:relative;
?border:1px solid #3c4d60;
?-webkit-box-shadow: #666 0px 0px 3px;
?-moz-box-shadow: #666 0px 0px 3px;
?box-shadow: #666 0px 0px 3px;
?width:200px;
?height:40px;
}
.progress_inner{
?background-color: #DADAE4;
?width: 100%;
?height: 40px;
}
.progress_word{
?position:absolute;
?left:50%;
?top:24%;
?font-weight: bold;
}

[HTML]代码

代码如下:


??

?
??

??
0%