Update app.py

app.py

@@ -52,9 +52,9 @@ app.layout = dbc.Container([
     dbc.Button("Split PDF", id='split-button', color="primary", className="mt-3", disabled=True),
     dbc.Progress(id='progress-bar', className="my-3"),
     html.Div([
-        dbc.Spinner(id="processing-spinner", color="primary", type="border"),
+        dbc.Spinner(html.Div(), id="processing-spinner", color="primary", type="border"),
         html.Div(id='processing-status')
-    ], id='processing-container'),
+    ], id='processing-container', style={'display': 'none'}),
     dbc.Button("Download ZIP", id='download-button', color="success", className="mt-3", disabled=True),
     dcc.Download(id="download-zip"),
     html.Div(id='log-output', style={'whiteSpace': 'pre-line'}),
@@ -106,6 +106,7 @@ def manage_ranges(add_clicks, remove_clicks, existing_ranges):
     Output('processing-status', 'children'),
     Output('split-button', 'disabled', allow_duplicate=True),
     Output('download-button', 'disabled'),
+    Output('processing-container', 'style'),
     Input('split-button', 'n_clicks'),
     State('upload-pdf', 'contents'),
     State('upload-pdf', 'filename'),
@@ -128,7 +129,7 @@ def split_pdf(n_clicks, contents, filename, ranges):
     thread = Thread(target=process_pdf, args=(contents, filename, ranges))
     thread.start()
     
-    return "Processing started...", True, True
+    return "Processing started...", True, True, {'display': 'block'}
 
 def process_pdf(contents, filename, ranges):
     global progress, generated_file, is_processing
@@ -173,18 +174,18 @@ def process_pdf(contents, filename, ranges):
     Output('progress-bar', 'value'),
     Output('processing-status', 'children', allow_duplicate=True),
     Output('download-button', 'disabled', allow_duplicate=True),
-    Output('processing-spinner', 'children'),
+    Output('processing-container', 'style', allow_duplicate=True),
     Input('interval-component', 'n_intervals'),
     prevent_initial_call=True
 )
 def update_progress(n):
     global progress, is_processing, generated_file
     if is_processing:
-        return progress, f"Processing... {progress:.0f}% complete", True, html.Div()
+        return progress, f"Processing... {progress:.0f}% complete", True, {'display': 'block'}
     elif progress == 100 and generated_file is not None:
-        return 100, "PDF splitting completed. Click 'Download ZIP' to get your files.", False, None
+        return 100, "PDF splitting completed. Click 'Download ZIP' to get your files.", False, {'display': 'none'}
     elif progress == -1:
-        return 0, "Error occurred during PDF splitting. Please try again.", True, None
+        return 0, "Error occurred during PDF splitting. Please try again.", True, {'display': 'none'}
     else:
         raise PreventUpdate