Skip to Content

Build faster with Premium Chakra UI Components 💎

Learn more
Sponsor
  • Getting Started
  • Styled System
  • Components
  • Hooks
  • Figma
  • Community
  • Playground

Layout

Aspect Ratio
Box
Center
Container
Flex
Grid
SimpleGrid
Stack
Wrap

Forms

Button
Checkbox
Editable
Field
Icon Button
Input
Number Input
Pin Input
Radio
Range Slider
Select
Slider
Switch
Textarea

Data Display

Badge
Card
Code
Kbd
List
Separator
Stat
Table
Tag

Feedback

Alert
Circular Progress
Progress
Skeleton
Spinner
Toast

Typography

Text
Heading
Highlight

Overlay

Dialog
Drawer
Menu
Popover
Tooltip

Disclosure

Accordion
Tabs
Visually Hidden

Navigation

Breadcrumb
Link
LinkOverlay
SkipNav
Stepper

Media and icons

Avatar
Icon
Image

Other

Portal
Show / Hide
Transitions

Circular Progress

Circular Progress is used to indicates the progress for determinate and indeterminate processes.

SourceTheme Source@chakra-ui/progress
  • Usage
  • Props
  • Theming

Props#

Props#

Edit this page on GitHub

Proudly made inNigeria by Segun Adebayo

Deployed by â–² Vercel

On this page

  • Props
figma plugin
Convert Figma Designs to Chakra UI code