Set, update progress bar dialog : ProgressDialog « Ext JS « JavaScript DHTML






  1. JavaScript DHTML
  2. Ext JS
  3. ProgressDialog

Set, update progress bar dialog

  

<html>
<head>
<title>Hello World Window</title>
<link rel="stylesheet" type="text/css" href="ext-3.0.0/resources/css/ext-all.css" />
<script type="text/javascript" src="ext-3.0.0/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="ext-3.0.0/ext-all.js"></script>
</head>
<script type="text/javascript">



Ext.onReady(function(){
    Ext.Msg.progress('Hey!', 'waiting...', 'progressing');
    var count = 0;

    var interval = window.setInterval(function() {
      count = count + 0.04;
      
      Ext.Msg.updateProgress(count);
      
      if(count >= 1) {
        window.clearInterval(interval);
        Ext.Msg.hide();
      }
    }, 100);
});

</script>
<body>
    <div id="mainContent">
    </div>
</body>
</html>








Related examples in the same category

1.Set progress text for Progress dialog