DHTMLX Docs & Samples Explorer

Progress Bar

Progress control is a state indicator. It can be used to indicate content loading or updating.
It can be applied to whole layout or just to a cell.
The cell or whole layout is visually disabled and not accessible for user actions while progress is enabled.

 
This functionality will not start automatically when some content is loaded in layout, it need to be triggered by appropriate API method call.

Here is a code for whole layout's progress control:

// turning progress on
dhxLayout.progressOn();
// turning progress off
dhxLayout.progressOff();

And here is a code for a cell's progress control:

// turning progress on
dhxLayout.cells("a").progressOn();
// turning progress off
dhxLayout.cells("a").progressOff();

 
In practical scenario, you can place progressOn call before loading data in some component, and progressOff in data loading callback.