mirror of
https://github.com/upscayl/upscayl.git
synced 2024-12-19 10:55:53 +01:00
21 lines
646 B
TypeScript
21 lines
646 B
TypeScript
|
import React from "react";
|
||
|
|
import Animated from "../public/loading.svg";
|
||
|
|
import Image from "next/image";
|
||
|
|
|
||
|
|
function ProgressBar(props) {
|
||
|
|
console.log(props.sharpening);
|
||
|
|
return (
|
||
|
|
<div className="absolute flex h-full w-full flex-col items-center justify-center bg-black/50 backdrop-blur-lg">
|
||
|
|
<div className="flex flex-col items-center gap-2">
|
||
|
|
<Image src={Animated} alt="Progress Bar" />
|
||
|
|
<p className="font-bold text-neutral-50">{props.progress}</p>
|
||
|
|
<p className="text-sm font-medium text-neutral-200">
|
||
|
|
Doing the Upscayl magic...
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
export default ProgressBar;
|