用htc实现进度条控件

复制代码 代码如下:

     var startTime = null ;    
     function fnCreateProgressBar(){ 
         now  = new Date();
        startTime = now.getTime();
        now = null 
         oContainer = element.Container
        oContainer.innerHTML = "";
        oDiv = window.document.createElement("DIV")
        oDiv.className = "progress"
        oContainer.appendChild(oDiv)
        oDiv.style.display = ""; 
        element.bar = oDiv;    
    }

   function pause(numberMillis) {
        var dialogScript = 
           'window.setTimeout(' +
           ' function () { window.close(); }, ' + numberMillis + ');';
        var result = 
         window.showModalDialog(
           'javascript:document.writeln(' +
            '"

应用例子:

复制代码 代码如下:

样式文件: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;
}