> ## Documentation Index
> Fetch the complete documentation index at: https://docs.twenty.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Geri Bildirim

İlerlemeyi veya geri sayımı belirtir ve sağdan sola doğru hareket eder.

<Tabs>
  <Tab title="Kullanım">
    ```jsx theme={null}
    import { ProgressBar } from "twenty-ui/feedback";\n\nexport const MyComponent = () => {\n  return (\n    <ProgressBar\n      duration={6000}\n      delay={0}\n      easing="easeInOut"\n      barHeight={10}\n      barColor="#4bb543"\n      autoStart={true}\n    />\n  );\n};
    ```
  </Tab>

  <Tab title="Özellikler">
    | Özellikler       | Tür     | Açıklama                                                                                      | Varsayılan |
    | ---------------- | ------- | --------------------------------------------------------------------------------------------- | ---------- |
    | süre             | sayı    | İlerleme çubuğunun toplam animasyon süresi milisaniye cinsindendir.                           | 3          |
    | gecikme          | sayı    | İlerleme çubuğu animasyonunun başlamasındaki gecikme milisaniye cinsindendir.                 | 0          |
    | zamanlama eğrisi | dize    | İlerleme çubuğu animasyonu için zamanlama işlevi                                              | easeInOut  |
    | çubukYüksekliği  | sayı    | Çubuğun piksel cinsinden yüksekliği                                                           | 24         |
    | çubukRengi       | metin   | Çubuğun rengi                                                                                 | gray80     |
    | otomatikBaşlat   | boolean | Eğer `doğru` ise, bileşen montajlandığında ilerleme çubuğu animasyonu otomatik olarak başlar. | `doğru`    |
  </Tab>
</Tabs>

## Dairesel İlerleme Çubuğu

Bir görevin ilerlemesini gösterir, genellikle yükleme ekranlarında veya kullanıcılara devam eden işlemleri bildirmek istediğiniz alanlarda kullanılır.

<Tabs>
  <Tab title="Kullanım">
    ```jsx theme={null}
    import { CircularProgressBar } from "@/ui/feedback/progress-bar/components/CircularProgressBar";\n\nexport const MyComponent = () => {\n  return <CircularProgressBar size={80} barWidth={6} barColor="green" />;\n};
    ```
  </Tab>

  <Tab title="Özellikler">
    | Özellikler     | Tür   | Açıklama                             | Varsayılan   |
    | -------------- | ----- | ------------------------------------ | ------------ |
    | boyut          | sayı  | Dairesel ilerleme çubuğunun boyutu   | 50           |
    | çubukGenişliği | sayı  | İlerleme çubuğu çizgisinin genişliği | 5            |
    | çubukRengi     | metin | İlerleme çubuğunun rengi             | currentColor |
  </Tab>
</Tabs>