Progress

component

A bar showing how far a task has come.

Install

php bin/console ux:install progress \
    --kit=https://github.com/xormania/uxor:0.3.0

README Source

What it installs

Copies: templates/ → templates/
Composer: twig/extra-bundle
twig/html-extra:^3.24.0
symfony/ux-twig-component:^3.5
tales-from-a-dev/twig-tailwind-extra:^1.3.0

Examples (1)

Default

Light

Dark

Code

<div class="w-full max-w-md space-y-6">
    <twig:Progress value="45" label="Upload" showValue />
    <twig:Progress value="80" label="Storage" variant="warning" size="lg" showValue />
    <twig:Progress value="100" label="Import" variant="success" size="sm" />
</div>