diff options
| author | Chi Cheng <cloudream@gmail.com> | 2008-08-08 05:20:09 +0000 |
|---|---|---|
| committer | Chi Cheng <cloudream@gmail.com> | 2008-08-08 05:20:09 +0000 |
| commit | ad78dfbafca5645de43fe0c2274783d5382522a9 (patch) | |
| tree | e143ee0b5435ddd175da6ca80b799062f76ef6b0 /demos/functional/templates/ui.progressbar.html | |
| parent | 946a8c850797c53fc7df82684bcafbb628d78f24 (diff) | |
| download | jquery-ui-ad78dfbafca5645de43fe0c2274783d5382522a9.tar.gz jquery-ui-ad78dfbafca5645de43fe0c2274783d5382522a9.zip | |
Functional demos: magnifier and progressbar
Diffstat (limited to 'demos/functional/templates/ui.progressbar.html')
| -rw-r--r-- | demos/functional/templates/ui.progressbar.html | 35 |
1 files changed, 35 insertions, 0 deletions
diff --git a/demos/functional/templates/ui.progressbar.html b/demos/functional/templates/ui.progressbar.html new file mode 100644 index 000000000..af0669f95 --- /dev/null +++ b/demos/functional/templates/ui.progressbar.html @@ -0,0 +1,35 @@ +<script type="text/javascript">
+
+ var model = {
+
+ renderAt: '#containerDemo',
+
+ title: 'Progressbar Demos',
+
+ demos: [
+
+ {
+ title: 'Simple Progressbar',
+ desc: 'With few lines of code you could build a progressbar. You can try more options on the fly!',
+ html: '<div id="progressbar"></div>',
+ destroy: '$("#progressbar").progressbar("destroy");',
+ options: [
+ { desc: 'Attach a progressbar', source: '$("#progressbar").progressbar();' },
+ { desc: 'Start the progressbar', source: '$("#progressbar").progressbar("start");' },
+ { desc: 'Loop', source: '$("#progressbar").progressbar({duration:2000,wait:"loop"}).progressbar("start");' },
+ { desc: 'Callback when finish', source: '$("#progressbar").progressbar({stop:function(){alert("Finished");}}).progressbar("start");' },
+ { desc: 'Enable the progressbar', source: '$("#progressbar").progressbar("enable");' },
+ { desc: 'Disable the progressbar', source: '$("#progressbar").progressbar("disable");' }
+ ]
+ }
+
+ ]
+ };
+
+ $(function(){
+
+ uiRenderDemo(model);
+
+ });
+
+</script>
\ No newline at end of file |