Это простое приложение подключает индикатор выполнения к файлу, который вы загружаете.
Скопировав этот репозиторий прямо из моего репозитория GitHub и создав среду, вы сможете запустить приложение. По какой-то причине мой каталог для загрузки не был добавлен в репозиторий — убедитесь, что у вас есть папка для загрузки в приложении, как показано в структуре папок ниже.
Для тех, кто знаком с python и flask, большая часть этого должна быть довольно резкой и сухой. Ключевым моментом здесь является небольшой фрагмент JavaScript, который приводит вас к полностью функционирующему индикатору выполнения.
Структура папок и файл progressbar.py должны выглядеть знакомыми. HTML по большей части также должен быть знаком любому фляжному приложению. Но JavaScript в нижней части HTML-файла может быть вам не знаком.
Структура папки:
ExampleProgressBarFolder |-- progressbar.py |-- templates | `-- upload.html `-- uploads
progressbar.py
Файл uploads.html я взял с https://www.geeksforgeeks.org/creating-progress-bar-using-javascript/. Я подключил его к процессу загрузки фляги в ‹форме›.
Uploads.html состоит из трех частей. CSS, HTML и JavaScript.
Прямо сейчас индикатор выполнения начинается с 10%. Чтобы изменить начальную точку отсчета, измените значение ширины в #myprogressBar CSS. Если вы просто удалите этот параметр, он не будет отображаться зеленым цветом при загрузке страницы, а по мере загрузки файла индикатор выполнения будет заполняться, начиная с 0%.
загрузки.html
Если вы хотите настроить индикатор выполнения с помощью темы начальной загрузки, ознакомьтесь с моими другими инструкциями по добавлению пользовательской темы начальной загрузки. Я использую Bootswatch, и у них есть несколько простых альтернатив для реализации.
