Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/powerbi/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使用jquery设置div的样式宽度?_Jquery_Css_Twitter Bootstrap_Signalr - Fatal编程技术网

如何使用jquery设置div的样式宽度?

如何使用jquery设置div的样式宽度?,jquery,css,twitter-bootstrap,signalr,Jquery,Css,Twitter Bootstrap,Signalr,我有一个twitter引导进度条,定义如下: <div style='position: relative' class='progress progress-info'> <div class='bar' id='signalRtensionNegPercentage-#:ViewUnitContract.ConveyanceId #' style='display: block; float: right; width: 15%'> </div&

我有一个twitter引导进度条,定义如下:

<div style='position: relative' class='progress progress-info'>
    <div class='bar' id='signalRtensionNegPercentage-#:ViewUnitContract.ConveyanceId #' style='display: block; float: right; width: 15%'>
    </div>
    <span class='gridSpan' id='signalRtensionNeg-#:ViewUnitContract.ConveyanceId #'>#: TensionNegative#</span>
</div>
messageHub.client.notifyTension = function (tensionMessage, conveyanceId) {
    var maxTensionRange = $('#signalRmaxTensionRange-' + conveyanceId).text();
    var minTensionRange = -maxTensionRange;

    var tensionPos = $('#signalRtensionPos-' + conveyanceId).text();
    var tensionNeg = $('#signalRtensionNeg-' + conveyanceId).text();

    var percentageValPos;
    var percentageValNeg;

    if (maxTensionRange != 0 && minTensionRange != 0) {
        if (tensionMessage < 0) {
            percentageValNeg = Math.abs((tensionNeg / (maxTensionRange - minTensionRange)) * 100);
            $('#signalRtensionNegPercentage-' + conveyanceId).width(percentageValNeg);
            $('#signalRtensionNeg-' + conveyanceId).text(tensionMessage);
        } else {
            percentageValPos = Math.abs((tensionPos / (maxTensionRange - minTensionRange)) * 100);
            $('#signalRtensionPosPercentage-' + conveyanceId).width(percentageValPos);
            $('#signalRtensionPos-' + conveyanceId).text(tensionMessage);
        }
    }
};
我在这里的问题是,整个栏似乎在扩展,而不是蓝色填充(进度栏)。我猜这是因为设置了
$('signalRtensionNegPercentage-'+transferanceId).width(percentageValNeg)零件。有人知道我如何设置style:width属性来定义百分比宽度吗?

这里只是语法:

$("#yourdiv").css("width", "300px");
你可以试试这个

$('#somediv').width('70%');

希望它能帮助您

谢谢,但我需要它是一个百分比值。我可以这样做:$(“#yourdiv”).css(“宽度”,percentageParameter+“%”)$css(“宽度”、“300%”;对于静态。