| Server IP : 127.0.0.1 / Your IP : 216.73.216.109 Web Server : Apache/2.4.54 (Win64) OpenSSL/1.1.1q PHP/8.1.10 System : Windows NT DESKTOP-E5T4RUN 10.0 build 19045 (Windows 10) AMD64 User : SERVERWEB ( 0) PHP Version : 8.1.10 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : C:/laragon/backup/www/quilla/wp-content/plugins/wp-smushit/_src/react/common/ |
Upload File : |
import React from "react";
export default function ProgressBar(
{
progress = 0,
stateMessage = ''
}
) {
progress = Math.ceil(progress);
const progressPercentage = progress + "%";
return (
<React.Fragment>
<div className="sui-progress-block">
<div className="sui-progress">
<span className="sui-progress-icon" aria-hidden="true">
<span className="sui-icon-loader sui-loading"/>
</span>
<div className="sui-progress-text">{progressPercentage}</div>
<div className="sui-progress-bar">
<span
style={{
transition: progress === 0 ? false : "transform 0.4s linear 0s",
transformOrigin: "left center",
transform: `translateX(${progress - 100}%)`,
}}
/>
</div>
</div>
</div>
<div className="sui-progress-state">{stateMessage}</div>
</React.Fragment>
);
}