JQuery UI - Barra de Progresso

Barra de Progresso


<html>
    <head>
	<title>JQuery UI - Barra de Progresso</title>
	  
<link rel="stylesheet" type="text/css" href="/css/ui-lightness/jquery-ui-1.10.4.custom.css" />
<script type= "text/javascript" src= "/js/jquery-1.10.2.js"> </script> 
<script type= "text/javascript" src= "/js/jquery-ui-1.10.4.custom.min.js"> </script>
<script type= "text/javascript">

<style type="text/css" > 
    .ui-progressbar-value {background-image:url(/static/img/prog-bar.gif);}
</style>

<script type= "text/javascript"> 
	$(function() {
	$("#progressbar").progressbar({
	  value:32
	  });

	});
	</script> 
  </head> 
  
  No Html:
	<h2>Barra de Progresso</h2>
	<div id="progressbar"></div>

Para ver o código: Progressbar clique em (view source)