mirror of
https://github.com/upscayl/upscayl.git
synced 2024-11-12 01:40:53 +01:00
Add progressbar when upscaling image (#858)
See history in #856 Co-authored-by: Aaron Liu <aaronliu0130@gmail.com>
This commit is contained in:
parent
dc031c16a8
commit
3424b8c481
@ -27,13 +27,14 @@ function ProgressBar({
|
||||
<div className="absolute z-50 flex h-full w-full flex-col items-center justify-center bg-base-300/50 backdrop-blur-lg">
|
||||
<div className="flex flex-col items-center rounded-btn bg-base-100/50 p-4 backdrop-blur-lg">
|
||||
<Logo className="spinner mb-4 h-12 w-12" />
|
||||
<p className="rounded-full px-2 pb-2 font-bold">
|
||||
<p className="rounded-full px-2 pb-2 font-bold flex flex-col items-center">
|
||||
{batchMode && "Batch Upscale In Progress: " + batchProgress}
|
||||
|
||||
{!batchMode &&
|
||||
(doubleUpscaylCounter > 0
|
||||
? `${progress}\nPass ${doubleUpscaylCounter}`
|
||||
: `${progress}`)}
|
||||
<progress className='progress w-96 transition-width duration-200 ease-in-out' value={parseFloat(progress.replace("%", ''))} max='100' />
|
||||
</p>
|
||||
|
||||
<p className="animate-pulse rounded-full px-2 pb-3 text-sm font-medium">
|
||||
|
Loading…
Reference in New Issue
Block a user