jquery插件之进度条

原创 2012年03月29日 22:04:01


以下是需要引入的一些文件,如果没有您可以通过给定的地址进行下载,谢谢:

jquery-1.7.1.min.js                       http://jqueryui.com/

jquery-ui-1.8.18.custom.min.js      http://jqueryui.com/download

jquery.ui.datepicker-zh-CN.js     该文件在下载好的第二个文件的该目录下: jquery-ui-1.8.18.custom\development-bundle\ui\i18n\

/jquery-ui-1.8.18.custom.css     该文件在下载好的第二个文件的该目录下:  jquery-ui-1.8.18.custom\css\ui-lightness\


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jquery-ui-进度条效果</title>
<!--引入jquery类库文件-->
<script type="text/javascript" language="javascript" src="./js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" language="javascript" src="./js/jquery-ui-1.8.18.custom.min.js"></script>

<!--css-->
<link type="text/css" rel="stylesheet" href="./css/ui-lightness/jquery-ui-1.8.18.custom.css" />
<script type="text/javascript">
	$(function (){
			$("#progressbar").progressbar({
				value:37,   //缺省值为0
			});			
					
		});	
</script>
	<style>
	.ui-progressbar-value { background-image: url(images/pbar-ani.gif); }
	</style>
</head>
		<h2 class="">jquery-Progressbar-实现</h2>	
		<div id="progressbar" style="height:22px;"></div>
</body>
</html>



版权声明:本文为博主原创文章,未经博主允许不得转载。

jQuery进度条插件

  • 2010年06月23日 22:49
  • 32KB
  • 下载

jsp+servlet+jquery文件上传下载带进度条(源码项目)

  • 2017年09月14日 11:25
  • 1.04MB
  • 下载

jquery插件实现播放进度条

自己写了一个插件,主要是实现播放进度条的,学生学习作品,可以拖动。不过在移动端还是不可拖动。 主要原理是设置一个容器,例如div,获得它的长度,然后设置时间,单位毫秒,把获得的长度除以时间,利用js...
  • aboutcjp
  • aboutcjp
  • 2016年12月22日 16:55
  • 1599

jQuery圆形进度指示器插件

radialIndicator 插件$('#indicatorContainer').radialIndicator();$('#indicatorContainer').radialIndicato...
  • a714115852
  • a714115852
  • 2016年11月17日 15:18
  • 921

关于网页头部进度条的加载效果实现

目前为止,好像并不能判断根据真实的加载资源返回进度,我们可以通过浏览器加载到文档的哪个部分来模拟获取真实进度  第一步:引入jquery html区: 页头部分 $('.lo...
  • qq_36202069
  • qq_36202069
  • 2018年01月10日 12:16
  • 29

8款效果精美的 jQuery 加载动画和进度条插件

加载动画和进度条在网站和 Web 应用中的使用非常流行。虽然网速越来越快,但是我们的网站越来越复杂,同时用户对网站的使用体验的要求也越来越高。在内容加载缓慢的时候,使用时尚的加载动画和进度条告诉用...
  • qq_27966627
  • qq_27966627
  • 2016年04月19日 13:37
  • 1740

JQuery插件——progressbar进度条

JQuery进度条插件——progressbar $(document).ready(function() { //获取...
  • KingCruel
  • KingCruel
  • 2012年11月29日 11:20
  • 9181

jquery 使用 xhrFields 来获取下载进度的方法

AJAX 也有 Progress Bar 在 Web 開發環境下,我們常會利用 AJAX 技術提昇網頁反應速度與使用者體驗。這樣的作法在桌面環境的網路情況,通常不會有太大的問題,但是到了網路品質不佳...
  • remote_roamer
  • remote_roamer
  • 2015年09月09日 18:59
  • 3897

NProgress,前端必备进度条插件,你值得拥有

官方网站:http://ricostacruz.com/nprogress/
  • Joyhen
  • Joyhen
  • 2014年04月25日 13:04
  • 25523

滑动进度条小插件

功能: 1.可对进度条进行设置, 2.可滑动进度条, 4.可设置进度条名 5.可修改其颜色.插件效果图如下:Html代码如下: ...
  • liufang12
  • liufang12
  • 2016年11月11日 17:46
  • 915
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jquery插件之进度条
举报原因:
原因补充:

(最多只允许输入30个字)