Javascript 宽度增加10%？

每次单击按钮时，我想将progressbar的宽度增加10%：

<div id="#progressBar" style="width:50%"> </div>

请帮忙

---

进度条的当前宽度可以是0%到100%之间的任意值。当它增加10%时，它是未知的。

下面的代码在点击按钮时增加了10%的条。当酒吧达到100%，您不能再增加大小

这是非常基本的一个，但我希望它能帮助你开始

对于您正在使用的%，元素将从其父宽度继承%，因此您需要在添加10%之前获得progressBar的实际%宽度

$increaseButton.clickfunction{ var$bar=$progressBar； var$barParent=$bar.parent； var perc=~~$bar.width*100/$barParent.width；

---

ifpercCSS width作为字符串返回，您不能将字符串添加到整数。因此，您必须获取CSS width的值，将其转换为整数，添加它，然后设置值。请看这里，当您为CSS定义一个没有百分比的宽度时，您必须将“px”添加到末尾。有趣的是…什么~~代表什么？谢谢advance@GibboK

$("#increaseButton").click(function() {
     $("#progressBar").css("width",$("#div2increase").width + 10 );
});

 <div id="progressBar">bar</div>
    <div id="progressBarFull"> &nbsp;</div>
    <button id="btn" type="button">enlarge</button>



    $( "#btn" ).click(function() {
        var curSize = $("#progressBar").width();
        var fullSize = $("#progressBarFull").width();
        if(curSize < 100) {
            var increment = fullSize/ 10;
       $("#progressBar").css('width', '+=' + increment);
        }
    });


    #progressBar {
        position: fixed;
        height: 20px;
        width: 0px;
        background-color: red;
    z-index: 10;    
    }
    #progressBarFull {
        position: fixed;
        height: 20px;
        width: 100px;
        background-color: gray;    
    }
    #btn {
          position: fixed;
        top: 100px;  

    }