ajax百分比加载特效,jQuery实现的简单百分比进度条效果示例

本文实例讲述了jQuery实现的简单百分比进度条。分享给大家供大家参考，具体如下：

一、JS Code：

var progressId = "ProgressBarID";

function setProgressBar(progress) {

if (progress) {

$("#" + progressId + " > div").css("width", String(progress) + "%");

$("#" + progressId + " > div").html(String(progress) + "%");

}

var i_ProgressBar = 0;

function doProgressBarLoading() {

if (i_ProgressBar > 100) {

alert("加载完毕?！！");

return;

}

if (i_ProgressBar <= 100) {

setTimeout("doProgressBarLoading()", 10);

setProgressBar(i_ProgressBar);

i_ProgressBar++;

}

function setProgressBarCss() {

$("#" + progressId + "").css({ "width": "300px", "height": "25px" });

$("#" + progressId + " > div").css({ "height": "25px", "background-color": "#e0e0e0", "text-align": "center" });

}

$(document).ready(function () {

setProgressBarCss();

doProgressBarLoading();

});

二、Html Code：

希望本文所述对大家jQuery程序设计有所帮助。

ajax百分比加载特效,jQuery实现的简单百分比进度条效果示例相关推荐

.ajax显示加载动画,jQuery Ajax 加载数据时异步显示加载动画
ajax加载后台数据就不说的那么细了. 看下面代码首先前台上放置代码在js脚本文件中首先把这个图片动画隐藏代码如下 $(document).ready(function () { $(" ...
ajax静态加载图片,JQuery实现Ajax加载图片的方法
本文实例讲述了JQuery实现Ajax加载图片的方法.分享给大家供大家参考,具体如下: 最近在学习JQuery,想从原理上模拟一下无刷新的相册浏览. 最先想到的思路是利用缓存,也就是先显示提示消息,然 ...
ajax动态加载div,JQuery/AJAX：使用动态内容加载外部DIV使用动态内容
我需要创建一个页面,使用Jquery和AJAX从外部页面加载div.JQuery/AJAX:使用动态内容加载外部DIV使用动态内容我遇到了一些很好的教程,但它们都是基于静态内容的,我的链接和内容是由 ...
ajax显示加载动画,jQuery Ajax 加载数据时异步显示加载动画
jQuery Ajax 加载数据时异步显示加载动画 ajax加载后台数据就不说的那么细了. 看下面代码首先前台上放置代码在js脚本文件中首先把这个图片动画隐藏代码如下 $(document).re ...
html右下角的广告特效,jQuery实现的右下角广告窗体跟随效果示例
本文实例讲述了jQuery实现的右下角广告窗体跟随效果.分享给大家供大家参考.具体如下: /p> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-tra ...
转盘在转动的同时ajax异步加载,用jQuery旋转插件jqueryrotate制作转盘抽奖.pdf
用用jQuery旋旋转转插插件件jqueryrotate制制作作转转盘盘抽抽奖奖本文实例为大家分享了j Query旋转插件j queryrotate制作转盘抽奖的具体代码,供大家参考,具体内容下 ...
jquery和php上传文件进度条,jQuery实现文件上传进度条特效_jquery
上传进度条通常是由前面jquery加后端了脚本器脚本来实现了,今天我们介绍的是一款基本php+jQuery实现文件上传进度条效果的例子,具体细节如下. 最近呢,一个项目做一个进度条的效果出来,这个之前 ...
使用jQuery和YQL，以Ajax方式加载外部内容
我们来看看怎样使用jQuery,以Ajax方式加载外部(其他域上)的内容.这里的所有代码都可以从GitHub下载,也可以在这个演示页面中获取,因而不用复制粘贴了. OK,Ajax通过jQuery是很容 ...
jquery点击后执行PHP加载div,PHP-将JQuery自动完成附加到由Ajax调用加载的文本字段...
我有一个简单的Web应用程序,在其中创建了一个向导,每个向导页面都包含从数据库填充的不同表单字段,当用户按下时,接下来使用Ajax调用从服务器检索页面数据.这是针对Ajax调用从服务器检索的页面代码. ...

ajax百分比加载特效,jQuery实现的简单百分比进度条效果示例

ajax百分比加载特效,jQuery实现的简单百分比进度条效果示例相关推荐

最新文章

热门文章