本文目录
- 如何用jquery做一个如3/5,4/7类似的进度条,分子分母可根需而变
- HTML如何做出这种效果的进度条
- jQuery Ajax进度条效果
- 从数值0%开始在指定DIV里快速的显示到100%,我想做那种进度条的过度效果,不知道如何用JS或jQuery实现
如何用jquery做一个如3/5,4/7类似的进度条,分子分母可根需而变
《div》《div》《/div》《/div》 用jquery调整里面div的宽度百分比就行了,其他的用css设置一下2个div的样式,比如颜色,宽度高度,应该很容易模拟
HTML如何做出这种效果的进度条
我这个做法用的jQueryspan{display:inline-block;*display:inline-block;zoom:1;}.bg{width:300px;height:20px;border-radius:10px;background:#3D3C3A;}.main{height:20px;border-radius:10px;background:#55404C;}《span class="bg"》 《span class="main"》《/span》《/span》《span class="num"》70%《/span》$(function(){ var _width = $(’.num’).text();//获取百分比数值 $(’.main’).css(’width’,_width);//将数值赋值给main的width});
jQuery Ajax进度条效果
其实这种效果在实际应用中并不是太实用,如果你需要有一个进度的话,这必然前台与后台要实时交互才会出效果。比如你从数据库中遍历一组用户的信息,这中间需要一个不断递增的数字来实时调节页面的进度条。这就需要你不断的去请求服务器。当然也可以做个纯页面处理不通过服务器的,但执行时间你无法估计,造成不同步。有一个简单的方法,首先得到这个需要读取数据的总条目数,然后在前台页面使用一个类似于递归的循环调用这个AJAX方法,再通过返回的数据来实时控制页面的进度条,通过返回成功的状态重复来调用此方法,最后用总条目数来控制这个递归什么时候停止。
从数值0%开始在指定DIV里快速的显示到100%,我想做那种进度条的过度效果,不知道如何用JS或jQuery实现
已按你的要求修改,现在不是进度条,而是跑表!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!《body》《span id="s1"》《/span》%《script language="javascript"》var i = 0;function doit(){ i = i + 1; var o = document.getElementById(’s1’); o.innerHTML = i.toString(); if(i《100) setTimeout(’doit()’,10);}doit();《/script》《/body》