Docs

Cinder UI

Feedback.progress

Server-rendered

Progress bar.

value is clamped between 0 and max.

Progress indicator

Deploy progress 72%
  <div class="space-y-2">
  <div class="flex items-center justify-between text-sm">
    <span>Deploy progress</span>
    <span>72%</span>
  </div>
  <.progress value={72} />
</div>

Attributes

Name Type Default Values Global Includes
class :string
max :integer 100
rest :global
value :integer 0

Slots

No slots declared.