RingProgress

graylog2-web-interface/src/components/common/RingProgress.md

7.1.0267 B

tsx

<RingProgress sections={[{ value: 25, color: 'cyan' }]} label="25%" />

Example with multiple sections:

tsx

<RingProgress
  sections={[
    { value: 40, color: 'cyan' },
    { value: 15, color: 'orange' },
    { value: 15, color: 'grape' },
  ]}
/>