Progress bar doesn't work with prototype.js in IE

Progress bar doesn't work with prototype.js in IE

I'm creating web pages with jQuery UI and prototype.js(1.6.1), with a source code like this
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>My web page title</title>
  6. <!-- Include jQuery UI -->
  7. <link type="text/css" href="css/redmond/jquery-ui-1.8rc3.custom.css" rel="Stylesheet" />
  8. <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
  9. <script type="text/javascript" src="js/jquery-ui-1.8rc3.custom.min.js"></script>
  10. <script type="text/javascript">
  11. // jQuery - simply show a progress bar
  12. $ (function () {
  13.     jQuery ("#prog").progressbar ({ value: 60 });
  14. });

  16. jQuery.noConflict ();
  17. </script>
  18. <!-- Include prototype.js -->

  19. <script type="text/javascript" src="js/prototype.js"></script>
  20. <!-- prototype.js functions here, this time nothing -->
  21. </head>

  23. <body>
  24. <div id="prog" style="height: 16px;"></div>
  25. </body>
  26. </html>
When I view that page in Firefox (3.5) it works well, with a progress bar which filled 60%, but when I switch to IE (8) the progress bar is filled 100%, after removing prototype.js, the problem solves however I need prototype.js for some functionality and I can not (and don't plan to) change everything from prototype.js to jQuery. Is there any idea on this problem? Seems nobody raised something like that.