Server : LiteSpeed System : Linux premium84.web-hosting.com 4.18.0-553.44.1.lve.el8.x86_64 #1 SMP Thu Mar 13 14:29:12 UTC 2025 x86_64 User : claqxcrl ( 523) PHP Version : 8.1.32 Disable Function : NONE Directory :  /home/claqxcrl/anfangola.com/wp-content/plugins/wp-smushit/_src/react/common/

Upload File : current_dir [ Writeable ] document_root [ Writeable ]

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>
	);
}