JQuery-Widgets-TreeInTable-ConditionEditor-SQL-QueryBuilder-/test_jquery_progressbar.html at master · 804e/JQuery-Widgets-TreeInTable-ConditionEditor-SQL-QueryBuilder- · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>jQuery UI TreeInTable</title>
        <link href="jquery-ui-1.11.4/jquery-ui.css" rel="stylesheet">
        <link rel="stylesheet" type="text/css" href="css/ui.captionator.css">
	</head>
	<body>

    	<script src="jquery-ui-1.11.4/external/jquery/jquery.js"></script>
		<script src="jquery-ui-1.11.4/jquery-ui.js"></script>
        <script type="text/javascript" src="js/jquery.ise.datastore.js"></script>
        <script type="text/javascript" src="js/jquery.ise.treeintable.js"></script>

        <script type="text/javascript" src="js/jquery.custom.progressbar.js"></script>

        <script type="text/javascript">

			//// study from--  http://learn.jquery.com/jquery-ui/widget-factory/how-to-use-the-widget-factory/
			///* custom.progessbar
			var bar = $( "<div></div>" )
		    .appendTo( "body" )
		    .progressbar({
		        complete: function( event, data ) {
		            alert( "Callbacks are great!" );
		        }
		    })
		    .bind( "progressbarcomplete", function( event, data ) {
		        alert( "Events bubble and support many handlers for extreme flexibility." );
		        alert( "The progress bar value is " + data.value );
		    });

			bar.progressbar( "option", "value", 100 );
			//*/
		</script>
	</body>
</html>