mirror of
https://github.com/jquery/jquery-ui.git
synced 2024-10-05 01:44:18 +00:00
35 lines
1.1 KiB
HTML
35 lines
1.1 KiB
HTML
|
<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>
|