How to hide the circular progresbar which is showing while loading document

stlokesh47 · July 22, 2026, 10:56am

WebViewer Version: 11.7.1

kkim · July 22, 2026, 1:44pm

Hi there,

You can hide the default loading spinner by disabling it via:

instance.UI.disableElements(['loadingModal']);

Let me know how this works for you.

Best regards,

Kevin

stlokesh47 · July 23, 2026, 9:09am

Hi,

Thanks for the quick reply. I tried with this code. still it is showing.

WebViewer({

  path: baseHref + 'lib/webviewer',

  licenseKey: this.commonService.aspyreKey,

  initialDoc: '',

  // enableFilePicker: true,

  fullAPI: true,

  css: 'assets/css/webviewer-docview.css'

}, this.viewer.nativeElement).then(instance => {

  let that = this;

  this.viewerInstance = instance;

  const { UI, Core } = instance;

  const { Annotations, annotationManager, documentViewer, Tools } = Core;

  const { Feature } = instance.UI;

  UI.setToolbarGroup('toolbarGroup-View');

  UI.disableElements(\[

    'toolbarGroup-View', // entire View menu

    'toolbarGroup-Edit', // entire Edit menu

    'toolbarGroup-Annotate', // entire Annotate menu

    'toolbarGroup-FillAndSign',

    'toolbarGroup-Shapes',

    'toolbarGroup-Insert',

    'menuOverlay', // context menu

    'downloadButton', // single button

    'toolbarGroup-Edit',

    'toolbarGroup-Forms',

    'panToolButton',

    'progressBar'

  \]);    

  instance.UI.disableElements(\['loadingModal'\]);

});

kkim · July 23, 2026, 1:48pm

Hi there,

Your code snippet has backward slashes inside the brackets. Could you please try removing that and see if that works for you?

Alternatively, you can also hide the spinner via CSS. Please see this guide on using CSS with WebViewer:

Best regards,

Kevin

stlokesh47 · July 24, 2026, 5:40am

While posting backward slashes was added, but in my actual code backward slashes note there.
instance.UI.disableElements([‘loadingModal’]);

kkim · July 24, 2026, 3:36pm

Sorry about that, the correct data-element for 11.7.1 for the loading spinner is ‘progressModal’

Please use instance.UI.disableElements(['progressModal'])

Best regards,

Kevin

stlokesh47 · July 27, 2026, 5:18am

Thanks for the response.