Vml+Dhtml:制作一个应用渐变颜色效果不错的进度条

原创 2003年08月22日 11:14:00
<HTML xmlns:v>
<HEAD>
<META http-equiv='Content-Type' content='text/html;charset=gb2312'>
<Meta name='Gemeratpr' content='网络程序员伴侣(Lshdic)2004'>
<TITLE>效果不错的VML进度条</TITLE>
<STYLE>
v/:*{behavior:url(#default#VML);}
*{font-size:12px;color:;}
</STYLE>
</HEAD>
<BODY topmargin='2' leftmargin='2'>
<div style='table-Layout:fixed;width:100%;height:100%;border:1 solid black'>
<v:RoundRect id='a' style='position:absolute;left:300;top:250;height:29;'>
<v:Textbox inset='5px,5px,5px'><b><font color='red' id='jindu'></font></b></v:textbox>
<v:fill type='gradient' id='fill1' color='blue'/>
</v:RoundRect>
</div>
<script>
//原作:风云舞,载自:http://www.lshdic.com/bbs
var pos1=1,posall=200  //定义全局变量,pos1为当前进度,posall为总进度
function play1(){ //播放函数
if(pos1<posall)pos1+=1;else{pos1=1;fill1.color="rgb("+Math.round(Math.random()*255)+","+Math.round(Math.random()*255)+","+Math.round(Math.random()*255)+")"}
a.style.width=Math.round(300/(posall/pos1));jindu.innerText=pos1+"/"+posall+","+Math.round(100/(posall/pos1))+"%"
fill1.angle=Math.round(300/(posall/pos1))
}
setInterval("play1()",10) //10毫秒播放一次,一般CPU保证能消化~~~
</script>
</BODY>
</HTML>

Vml+Dhtml:制作一个应用渐变颜色效果不错的进度条

//原作:风云舞,载自:http://www.lshdic.com/bbs效果不错的VML进度条v/:*{behavior:url(#default#VML);}*{font-size:12px;co...
  • 21aspnet
  • 21aspnet
  • 2004年10月27日 19:28
  • 1860

自定义渐进和渐变颜色的进度条

自定义进度条的需求 自定义进度条的需求 需求是:他可以根据进度的多少显示进度条,然后同时改变进度显示的透明度和当前进度,比如50%的时候显示的进度是50分,透明度是当前颜色的一...
  • liweijie_chengxuyuan
  • liweijie_chengxuyuan
  • 2016年10月15日 00:45
  • 544

Android进度条ProgressBar颜色的渐变设置

Android进度条ProgressBar颜色的渐变设置
  • tracydragonlxy
  • tracydragonlxy
  • 2017年09月01日 21:39
  • 1269

js实现页面加载颜色渐变进度条

标签: div class="progress"> div class="progress-val" id="bar_width">100%div> div class="progr...
  • qq736150416
  • qq736150416
  • 2016年10月27日 14:02
  • 1060

530_自定义彩色进度条SeekBar

自定义彩色进度条SeekBar 把seekBar的颜色换成一个渐变的效果 progressDrawable属性就是配置layer-list的渐变颜色 thumb就是see...
  • qq_33781658
  • qq_33781658
  • 2017年08月27日 13:20
  • 144

iOS开发之带有渐变色的进度条

继上一篇文章,绘制一个带有渐变色的环形进度条
  • shxwork
  • shxwork
  • 2016年03月15日 14:28
  • 2715

Android自定义圆形渐变进度条

作为一个自学入门android的人来说,刚接触自定义view时完全处于懵逼状态,不过还好,大神们已经铺好了路,尔等只需稍加钻研即可小有成就的,废话不多说了,先上效果图! 理清下此view...
  • u014602775
  • u014602775
  • 2016年12月08日 16:33
  • 267

android自定义颜色进度条ColorSeekBar

(尊重原创,转载请说明来处,谢谢)       最近做了一个背景是各种颜色的SeekBar,SeekBar颜色是渐变的,开始颜色、结尾颜色、以及按钮的中间和边框颜色都是可以自定义的,效果图如下: ...
  • sinat_27681957
  • sinat_27681957
  • 2016年06月23日 20:47
  • 3559

jquery svg圆环渐变进度条

html: Examples .processingbar {   text-align: center;   margin: 14px 28px 0 0;   position: ...
  • qq736150416
  • qq736150416
  • 2016年12月29日 10:14
  • 566

Android自定义带渐变色的进度条(带水滴效果)

感谢我的 Team中杨立先生(PAD)的指导与传授!!! 一、直接看效果 二、直接上代码 1.自定义控件部分   package com.susan.project.myapplicat...
  • Susan8888
  • Susan8888
  • 2016年12月07日 15:39
  • 1755
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Vml+Dhtml:制作一个应用渐变颜色效果不错的进度条
举报原因:
原因补充:

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