首页
网页制作
网络编程
脚本专栏
数据库
网站运营
网络安全
平面设计
CMS教程
搜索
建站极客
网络编程
JavaScript
正文
Javascript jquery css 写的简单进度条控件
所属分类：
网络编程
/
JavaScript
阅读数： 1698
收藏 0
赞 0
分享
通过我们伟大的 CSS，可以实现非常漂亮的进度条样式。加上 Javascript 的效果，就可以完全“欺骗”我们的用户，让他们有耐心等待浏览器处理完成。上述的原理已经知道了，那么就可以直接看代码了。本人使用的还是 jQuery 框架，因为这样简短的代码可能会更容易理解。
当然这个控件还有很多需要完成的地方，我仅仅是提供了一种遵循 Web 标准的实现思路。废话不多说.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Javascript Progress Bar Demo - jb51.net</title> </head> <body> <h1>Javascript 进度条 Demo</h1> <p>原理就是使用 Javascript 控制 SPAN CSS 的宽度（以及其他的样式），详细信息可以参见链接：<a href="https://www.jb51.net/article/13993.htm">https://www.jb51.net/article/13993.htm</a></p> <div id="progress"><span> </span></div> </body> </html>
[Ctrl+A 全选 注:
引入外部Js需再刷新一下页面才能执行
]
更多精彩内容
其他人还在看
纯javascript判断查询日期是否为有效日期
很多网站都涉及到输入日期选项，如果客户日期输入错误，可能导入查询不到甚至查询到错误的信息，为了更好的满足用户需求，需要对日期进行校验，下面给大家介绍使用纯javascript如何判断查询日期是否为有效日期，需要的朋友可以参考下
评论 0
收藏 0
赞 0
分享
jquery实现的蓝色二级导航条效果代码
这篇文章主要介绍了jquery实现的蓝色二级导航条效果代码,涉及jquery鼠标事件及页面样式的动态切换效果实现技巧,非常简单实用,需要的朋友可以参考下
评论 0
收藏 0
赞 0
分享
ajax如何实现页面局部跳转与结果返回
AJAX即“Asynchronous Javascript And XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术，通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新，本篇文章给大家介绍ajax如何实现页面局部跳转与结果返
评论 0
收藏 0
赞 0
分享
jQuery实现的类似淘宝网站搜索框样式代码分享
这篇文章主要介绍了类似淘宝网站搜索框样式实现代码，推荐给大家，有需要的小伙伴可以参考下。
评论 0
收藏 0
赞 0
分享
js实现的黑背景灰色二级导航菜单效果代码
这篇文章主要介绍了js实现的黑背景灰色二级导航菜单效果代码,涉及javascript操作页面元素动态切换的实现技巧,非常具有实用价值,需要的朋友可以参考下
评论 0
收藏 0
赞 0
分享
jQuery仿360导航页图标拖动排序效果代码分享
这篇文章主要为大家详细介绍了360导航页图标拖动排序效果代码，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
评论 0
收藏 0
赞 0
分享
javascript中SetInterval与setTimeout的定时器用法
Javascript的setTimeOut和setInterval函数应用非常广泛，它们都用来处理延时和定时任务，比如打开网页一段时间后弹出一个登录框，页面每隔一段时间发送异步请求获取最新数据等，本文文章通过代码示例给大家介绍javascript中SetInterval与setT
评论 0
收藏 0
赞 0
分享
jquery带下拉菜单和焦点图代码分享
这篇文章主要介绍了jquery带下拉菜单和焦点图代码，推荐给大家，有需要的小伙伴可以参考下。
评论 0
收藏 0
赞 0
分享
jQuery实现的背景动态变化导航菜单效果
这篇文章主要介绍了jQuery实现的背景动态变化导航菜单效果,涉及jquery页面元素背景动态变换的实现技巧,非常具有实用价值,需要的朋友可以参考下
评论 0
收藏 0
赞 0
分享
jquery+CSS实现的水平布局多级网页菜单效果
这篇文章主要介绍了jquery+CSS实现的水平布局多级网页菜单效果,涉及jquery页面元素属性动态变换效果实现技巧,非常具有实用价值,需要的朋友可以参考下
评论 0
收藏 0
赞 0
分享
查看更多
网络赚钱
更多
男子凭一张八卦图忽悠60多亲友发红包 短短1小时内获得300元红包
从世界杯观赛看，“移动视频”就是个伪命题
站长故事实战：淘宝买关键词排名SEO服务攻略介绍
2021年后通过网络、自媒体赚钱的几种方法
百度图+推广上线 如何在图片上投放广告_图片屏蔽不想出现图+广告
网站如何靠SEO盈利？先把网站包装成专卖店吧
站长故事
更多
美团副总裁杨俊：做O2O的4个关键节点 会高效率地花钱
为什么被黑的总是小米？
站长故事 新站两个月权重上升到3的经验分享
站长故事：一个90后站长的自述
分享我经营网站的方法心得,希望大家能学到知识
求伯君：如果时光倒流我不会选择创业
