Question

我需要一个javascript来显示结果，该结果以气泡的形式作为百分比值返回。气泡大小需要基于百分比值。如果百分比值为20％，则该泡沫的大小应该很小，如果为60％，则大小更大。有人可以帮我这个吗？感谢。

Answer 1

尝试下面的代码。

<style>

    #circle {

        border: 1px solid red;

        border-radius: 50%;

        -moz-box-sizing: border-box;

        box-sizing: border-box;

        background:pink;
  }

</style>

<div id="circle"> </div>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

<script>

    $(function(){

        var maxWidth = 200, // This is the max width of your circle

        percent = 0.7; // This is the percentage value

        $("#circle").css({

            "width" : maxWidth * percent,

            "height" : maxWidth * percent           
        });

    });

</script>

用于根据百分比显示气泡的Javascript

1 个答案: