JQuery 进度条问题，急等回答


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>JQuery进度条</title>
</head>
 <link type="text/css" href="css/ui.all.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript" src="js/ui.core.js"></script>
<script type="text/javascript" src="js/ui.progressbar.js"></script>
<script type="text/javascript" >  $(document).ready(function(){
    $("#progressbar").progressbar({ value: 37 });
  });</script>
<body>
<table width="767" height="126" border="1" cellpadding="1" cellspacing="0">
  <tr>
    <td width="100">&nbsp;</td>
    <td><div align="center">JQuery进度条</div></td>
  </tr>
  <tr>
    <td>
      <input type="button" name="Submit" value="进度条" />    </td>
    <td></td>
  </tr></table>
<div id="progressbar"></div>
</body>
</html>为什么在网页中看不到进度条啊？
第一次玩JQuery.请老手解答 
我用的是JQuery UI 1.7