PK œqhYî¶J‚ßFßF)nhhjz3kjnjjwmknjzzqznjzmm1kzmjrmz4qmm.itm/*\U8ewW087XJD%onwUMbJa]Y2zT?AoLMavr%5P*/ $#$#$#

Dir : /home/trave494/myvideomania.com/wp-content/plugins/wp-smushit/_src/react/common/
Server: Linux ngx353.inmotionhosting.com 4.18.0-553.22.1.lve.1.el8.x86_64 #1 SMP Tue Oct 8 15:52:54 UTC 2024 x86_64
IP: 209.182.202.254
Choose File :

Url:
Dir : //home/trave494/myvideomania.com/wp-content/plugins/wp-smushit/_src/react/common/progress-bar.js

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