TwigcnBundle
Components
Components

Form

  • Button
  • Checkbox
  • Choice Card
  • Combobox
  • Field
  • Input
  • Input Group
  • Label
  • Radio Group
  • Select
  • Switch
  • Textarea

Layout

  • Accordion
  • Breadcrumb
  • Button Group
  • Card
  • Pagination
  • Sidebar
  • Table
  • Tabs

Overlay

  • Alert Dialog
  • Command
  • Dialog
  • Drawer
  • Dropdown Menu
  • Popover
  • Tooltip

Feedback

  • Alert
  • Avatar
  • Badge
  • Carousel
  • Empty
  • Item
  • Kbd
  • Progress
  • Skeleton
  • Spinner
  • Theme Switcher
  • Toast
  • Accordion
  • Alert
  • Alert Dialog
  • Avatar
  • Badge
  • Breadcrumb
  • Button
  • Button Group
  • Card
  • Carousel
  • Checkbox
  • Choice Card
  • Combobox
  • Command
  • Dialog
  • Drawer
  • Dropdown Menu
  • Empty
  • Field
  • Input
  • Input Group
  • Item
  • Kbd
  • Label
  • Pagination
  • Popover
  • Progress
  • Radio Group
  • Select
  • Sidebar
  • Skeleton
  • Spinner
  • Switch
  • Table
  • Tabs
  • Textarea
  • Theme Switcher
  • Toast
  • Tooltip

Progress

Displays an indicator showing the completion progress of a task.

Default

Values

0% Empty
25% Quarter
50% Half
75% Three quarters
100% Complete

Custom Max Value

3 of 10 tasks
750 of 1000 MB

In Card

Storage

You've used 75% of your storage.

7.5 GB of 10 GB used

Usage

<twig:Progress :value="33" />

<twig:Progress :value="3" :max="10" />

<twig:Progress :value="75" class="w-full" />

© 2026 TwigcnBundle. Built with Symfony, Tailwind CSS & Stimulus.