实时动态变动的css百分比示意条

来源：博客园 时间：2010-01-11 Tag：百分比示意条

我这个是JavaScript构建的,它不是个柱状图,而是一个百分比示意条,它可以定义三种颜色,当百分比小于33%的时候显示红色,表示警告,适中的时候显示黄色,表示适中,大于67%的时候显示绿色表示通畅

而且可以动态改变百分比数值,数值改变时,百分比条是用动画方式表现的,

如下图所示:

动态效果可以看我的一个演示demo:ajax-weibo.html

js代码如下:

1 var PercentBar=function(){}
4             PercentBar.prototype={}
24                     mixin(this.options,config);
25                     this.createHtml();
26                 },
27                 createHtml:function(){},
53                 update:function(num){}},1);
55                     ani.onTween.subscribe(function(s, o,handle) {}else if(num>num2&&num<=num2*2){}else{}
71                         handle.text_ele.innerHTML=text;
72                         handle.inner_ele.style.backgroundColor=color;
73                     },this)
74                     ani.animate();
75 p实时动态变动�

ㄕ狙� 42 Handlingsuperheroine Ca 2009 11 16 La Corazzata Potemkin 80 Anni Fa Modules Php Name Coppermine File Thumbnails Album 6 Handling Super Heroineo j z z Heroine u u Handling Super Super n实时动态变动�

ㄕ狙� 42 Handlingsuperheroine Ca 2009 11 16 La Corazzata Potemkin 80 Anni Fa Modules Php Name Coppermine File Thumbnails Album 6 Handling Super Heroinee l l Handling f f Super r Super Super

Super Super

实时动态变动�腸ss百分比示意条 - �ㄕ狙� 42 Handlingsuperheroine Ca 2009 11 16 La Corazzata Potemkin 80 Anni Fa Modules Php Name Coppermine File Thumbnails Album 6 Handling Super Heroine

42 Handlingsuperheroine Ca 2009 11 16 La Corazzata Potemkin 80 Anni Fa Modules Php Name Coppermine File Thumbnails Album 6 Handling Super Heroine

实时动态变动的css百分比示意条