jQuery - Barre de progression du widget

La description

le Widget Progress BarLa fonction peut être utilisée avec des widgets dans JqueryUI. Une simple barre de progression affiche des informations sur la progression. Une barre de progression simple est illustrée ci-dessous.

Syntaxe

Voici la syntaxe simple pour utiliser la barre de progression -

$( "#progressbar" ).progressbar({
   value: 37
});

Exemple

Voici un exemple simple montrant l'utilisation de la barre de progression -

<!doctype html>
<html lang = "en">
   <head>
      <meta charset = "utf-8">
      <title>jQuery UI Progressbar - Default functionality</title>
		
      <link rel = "stylesheet" 
         href = "//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
			
      <script type = "text/javascript" 
         src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
      </script>
		
      <script type = "text/javascript" 
         src = "https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/jquery-ui.min.js">
      </script>

      <script>
         $(function() {
            $( "#progressbar" ).progressbar({
               value: 37
            });
         });
      </script>
   </head>
	
   <body>
      <div id = "progressbar"></div>
   </body>
</html>

Cela produira le résultat suivant -

jquery-widgets.htm