Skip to main content

Progress Circle

Props#

value min max#

<ProgressCircle value={2500} min={1000} max={7500} />

negative#

<ProgressCircle value={2500} min={1000} max={7500} negative={false} />
<ProgressCircle value={2500} min={1000} max={7500} />

title#

<ProgressCircle value={2500} min={1000} max={7500} title="باقی مانده ها" />

completeTitle#

<ProgressCircle value={2500} min={1000} max={7500} title='باقی مانده ها' completeTitle="به اتمام رسید" />
<ProgressCircle value={7500} min={1000} max={7500} title='باقی مانده ها' completeTitle="به اتمام رسید" />

color#

<ProgressCircle
color={'green600'}
value={2500}
min={1000}
max={7500}
title="باقی مانده ها"
/>

size#

<ProgressCircle size={250} value={2500} min={1000} max={7500} title='باقی مانده ها' />
<ProgressCircle size={150} value={2500} min={1000} max={7500} title='باقی مانده ها' />

ringSize#

<ProgressCircle ringSize={8} value={2500} min={1000} max={7500} title='باقی مانده ها' />
<ProgressCircle ringSize={18} value={2500} min={1000} max={7500} title='باقی مانده ها' />