ProgressIndicator() — ui Function Reference

Architecture documentation for the ProgressIndicator() function in progress.tsx from the ui codebase.

Function tsx DocumentationAtlas ContentSourcing

Entity Profile

DocumentationAtlas→ ContentSourcing→ ProgressIndicator() — ui Function Reference

Dependency Diagram

graph TD
  a3c79100_8b3a_1c67_4f54_e7183f69fbbe["ProgressIndicator()"]
  603f6464_0931_6b91_641d_8454c85d1805["progress.tsx"]
  a3c79100_8b3a_1c67_4f54_e7183f69fbbe -->|defined in| 603f6464_0931_6b91_641d_8454c85d1805
  style a3c79100_8b3a_1c67_4f54_e7183f69fbbe fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/base/ui-rtl/progress.tsx lines 40–51

function ProgressIndicator({
  className,
  ...props
}: ProgressPrimitive.Indicator.Props) {
  return (
    <ProgressPrimitive.Indicator
      data-slot="progress-indicator"
      className={cn("bg-primary h-full transition-all", className)}
      {...props}
    />
  )
}