javascript - 从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 属性(或类)阻止宽度正确显示。