• Home
  • Atoms
    • Color
    • Corners
    • Icons
    • Layout
    • Spacing
    • Typography
  • Molecules
    • Accordion
    • Badge
    • Breadcrumbs
    • Button
    • Card
    • Checkbox
    • Collapse
    • Data table
    • Data table simple
    • File input
    • Form message
    • Modal
    • Pagination
    • Popover
    • Progress
    • Progress circle
    • Radio button
    • Radio cards
    • Rating
    • Segmented control
    • Skeleton
    • Slider
    • Support
    • Tabs
    • Textarea
    • Text input
    • Tooltip
    • Verification code
    • Video
    • View more
  • Organisms
    • Carousel
    • CTA banner
    • CTA card
    • Error page
    • File preview modal
    • Form
    • Reviews.io card carousel
    • Support card
    • Zip code form
  • Examples
    • Form with client-side validation
    • Form with server error
    • Reordering with motion
  1. Home
  2. /
  3. Molecules
  4. /
  5. Progress circle

Progress circle

Extended from es-cdgm codebase

10%

EsProgressCircle props

Name
height
Type
String
Default
50px
Description
Specifies height of the progress circle
Name
value
Type
Number
Default
10
Description
Required. A value between 0 and 100 representing the progress
Name
showPercentage
Type
Boolean
Default
true
Description
When present, it allows the progress percentage in the center of progress circle