<התקדמות>
רכיב הדפדפן המובנה <progress> יכול לרנדר מחוון התקדמות.
<progress value={0.5} />הפניה
<progress>
כדי להציג מחוון התקדמות, רנדרו את רכיב הדפדפן המובנה <progress>.
<progress value={0.5} />אבזרים
<progress> תומך בכל מאפייני האלמנט הנפוצים.
בנוסף, <progress> תומך ב-props האלה:
max: מספר. מציין את הערך ה-valueהמקסימלי. ברירת המחדל היא1.value: מספר בין0ל-max, אוnullלהתקדמות לא-מוגדרת. מציין כמה כבר הושלם.
שימוש
שליטה במחוון התקדמות
כדי להציג מחוון התקדמות, רנדרו קומפונטת <progress>. אפשר להעביר מספר ב-value בין 0 לערך ה-max שתגדירו. אם לא תעבירו max, ברירת המחדל תהיה 1.
אם פעולה אינה מתקדמת כרגע, העבירו value={null} כדי להעביר את מחוון ההתקדמות מצב לא-מוגדר.
export default function App() { return ( <> <progress value={0} /> <progress value={0.5} /> <progress value={0.7} /> <progress value={75} max={100} /> <progress value={1} /> <progress value={null} /> </> ); }