分享好友 编程语言首页 频道列表

用htc实现进度条控件

htc  2015-06-26 11:000
<script>
function Demo(){
    PrgBar.Container = document.all.layer1
    PrgBar.Init();
    for(var i=0;i<500;i++){
        if(i%5==0) PrgBar.showProgress("操作进行中......")
    }
    PrgBar.showProgress("操作完成!")
}
</script>
</head>

<body>
<div style="position: absolute; width: 612px; height: 19px; z-index: 1; left: 10px; top: 72px; border-style: solid; border-width: 1px; padding-left: 4px; padding-right: 4px; padding-top: 1px; padding-bottom: 1px" id="layer1"></div>
<p><input type="button" value="测试" name="B3" onclick="Demo()"></p>
<Progressbar id="PrgBar" class="ProgressBar" Speed="10"/>
</body>

</html>

样式文件:ProgressBar.css
复制代码 代码如下:

.ProgressBar
{
    BEHAVIOR: url("ProgressBar.htc")
}
.progress{
    position: relative; 
    width: 0px; 
    height: 20px; 
    z-index: 1; 
    background-color: #006699;
    filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#006699,endcolorstr=#E3EFFF,gradientType=0);
    border: 1px ridge #C0C0C0;
}

查看更多关于【htc】的文章

展开全文
相关推荐
反对 0
举报 0
评论 0
图文资讯
热门推荐
优选好物
更多热点专题
更多推荐文章
更多推荐