1. Basic syntax Operations <link rel = "stylesheet" href = "ext-3.2.1/resources/css/ext-all.css"/> <script type = "text/javascript" language = "javascript" src = "ext-3.2.1/adapter/ext/ext-base.js"> </script> <script type = "text/javascript" language = "javascript" src = "ext-3.2.1/ext-all.js"> </script> <script type = "text/javascript" language = "javascript" src = "ext-3.2.1/examples/shared/examples. js "> </script> <script type =" text/javascript "> Ext. onReady (function () {var pbar = new Ext. progressBar ({id: 'pbar ', width: 300, renderTo: Ext. getBody ()}); pbar. wait ({interval: 100, increment: 15, duration: 5000, text: 'loading... '}); var btn = new Ext. button ({text: 'stop', handler: function () {pbar. reset (); pbar. updateText ("Force end") ;}, renderTo: Ext. getBody ()}) ;}); </script> 2. Data Loading progress bar var pbar = new Ext. progressBar ({id: 'pbar ', width: 300, renderTo: Ext. getBoyd ()}); var I = 0; var task = {run: function () {I + = 0.1; pbar. updataProgress (I, "loading progress" + Math. random (I * 100) + "%"); if (Math. round (I * 100) = 100) {pbar. updateText ('Load finished '); Ext. taskMgr. stop (task) ;}, interval: 500} Ext. taskMgr. start (task );});