从ajax响应增加文本框宽度值不起作用

Question

我正在尝试实现一个进度条，我从ajax请求中将值从0增加到<100，并向其添加“px”，数据正常但不适用于宽度。

enter code here
  <input type="text" id="value" style="border:none;"/>
  <input type="text" id="progress" style="width:0px;background-color: red;"/>

    function fetchStatus()
    {
          xmlup=new XMLHttpRequest();   
          xmlup.onreadystatechange=function(){
              if(xmlup.readyState === 4 && xmlup.status === 200)    
                 {                         
                 document.getElementById("value").value=xmlup.responseText;//Working
                 document.getElementById("progress").style.width=xmlup.responseText+"px";
                //Not Working

                 }
                else
                 {
                 }
              };
                     xmlup.open("GET","ProgressStatus",true);       
                     xmlup.send();           
    }

Answer 1

你的脚本是正确的。

我会说样式width已正确设置，但可能有另一个CSS属性（或类）阻止正确显示宽度。