You're missing the CSS file for jQuery UI. Add a link to it in your
<head></head> section...

<link type="text/css" rel="stylesheet" href="css/ui.css" />

The ProgressBar is actually being created on your page, but without
the jQuery UI CSS file you won't actually see anything.

- Michael


On Jul 24, 10:18 am, shaf <[email protected]> wrote:
> Hi Guys
>
> I am trying to use the progress bar but its not showing on the HTML
> page. No idea why its doing this. Code below:
>
> <html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en">
> <head>
>         <title>Loadingwww.ShadyBee.com</title>
>         <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
>         <script type="text/javascript" src="js/jquery-
> ui-1.7.2.custom.min.js"></script>
>         <script type="text/javascript">
>         $(function() {
>                 $("#progressbar").progressbar({
>                         value: 37
>                 });
>         });
>         </script>
>
>         <style>
>                 <!--
>                         #progressbar {
>                                 height : 100px;
>                                 width : 300px;
>                         }
>                 -->
>         </style>
>
> </head>
> <body>
>         <div id="progressbar"></div>
> </body>
> </html>

--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups 
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to 
[email protected]
For more options, visit this group at 
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---

Reply via email to