export default function PwaProjectProgress({ value = 0 }) {
  const progress = Math.max(0, Math.min(100, Number(value) || 0));

  return (
    <div className="pwa-project-progress">
      <div>
        <span>پیشرفت</span>
        <strong>{progress}٪</strong>
      </div>
      <div className="pwa-progress-bar">
        <span style={{ width: `${progress}%` }} />
      </div>
    </div>
  );
}
