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>



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

相关文章推荐

[进度条]文件下载

[进度条]文件下载
  • Konaji
  • Konaji
  • 2016年03月12日 10:24
  • 8047

jquery 进度条插件progressbar

  • 2012年03月22日 15:38
  • 27KB
  • 下载

jQuery进度条插件NUMBERPROGRESSBAR

  • 2014年05月15日 15:44
  • 44KB
  • 下载

Struts2+JQuery.uploadify插件实现带进度的多文件上传示例【也可以设置去掉进度条的显示】

文章来源:http://blog.csdn.net/tujiyue/article/details/6537842 文件下载Action: /** * Struts2Test * 顺便的文件下...

jQuery进度条插件

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

JQuery之进度条插件

JQuery之进度条插件  JQuery Progress Bar是基于JQuery开发的进度条插件,秉承了JQuery的简约哲学。不仅容易使用,而且可以轻松定制外观。对于使用了JQuery...
  • ocean20
  • ocean20
  • 2011年10月09日 11:12
  • 2635

分享一个超炫HTML5开发的jQuery进度条插件 - percentageloader

在线演示  本地下载  今天我们分享一个超酷的使用HTML5画布技术开发的进度条插件 - percentageloader。这个插件比普通的水平进度条使用更加炫酷的效果,图形效果类似以前我们介绍的j...
  • jjfat
  • jjfat
  • 2012年06月20日 11:11
  • 2754

用JQuery上传插件Uploadify实现带进度条无刷新多文件上传

Uploadify 是一个非常好的jQuery文件上传插件,可以实现无刷新多文件上传,带进度显示,基于Flash与Ajax技术。我在Firefox 4.0.1 和 IE 9.0.8112 浏览器中使用...

JQuery上传插件Uploadify附带进度条

jquery.uploadify-v2.1.0 http://www.uploadify.com/documentation/ 简介       Uploadify简单说来,是基于J...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jquery插件之进度条
举报原因:
原因补充:

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