Tracker Widget HTML

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
        <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>
    <script>
        var goal = 100;
        var completed = 47;
        $(document).ready(function() {
          calculateCompletion(goal,completed);
        });
        function calculateCompletion (total,progress) {
    	var percentage = Math.round(progress/total*100);
    	var totalWidth = $("#tracker").width();
    	var progressWidth = totalWidth * percentage/100;
    	$("#progressbar").animate({width: progressWidth + "px"},1500);
    	$("#progresslabel").append(percentage + "% completed");
        };
    </script>
    <div id="tracker"><div id="progressbar"></div></div>
    <div id="progresslabel"></div>