基于百分比显示气泡的Javascript

我需要一个javascript来显示以气泡形式返回的百分比值。气泡大小需要基于百分比值。如果百分比值为20%，则气泡的大小应该较小，如果为60%，则气泡的大小更大。有人能帮我吗。谢谢。

试试下面的代码

<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>

#圈{
边框：1px纯红；
边界半径：50%；
-moz框大小：边框框；
框大小：边框框；
背景：粉红色；
}
$（函数（）{
var maxWidth=200，//这是圆的最大宽度
百分比=0.7；//这是百分比值
$（“#圆”）.css({
“宽度”：最大宽度*百分比，
“高度”：最大宽度*百分比
});
});

我们很乐意提供帮助。你能发布你尝试过的代码，并详细说明你在使用它时遇到的问题吗？“我需要一个javascript”，“气泡大小需要”，“应该是”不是应该出现在你的问题中的短语。它们应该是“我已经试过了（这个）”、“它不起作用了（因为）”，以及其他一些东西，这些东西表明你纯粹出于好奇而在问题上付出了努力，你使用了什么IDE来生成代码？我经常看到双线间距recently@Bojangles我使用Aptana Studio 3。谢谢，我必须从某个div获取百分比值