Progress & Loading Components
Comprehensive progress bars, loaders, and status indicators with visual previews for all components.
import { ... } from "@/components/blocks/progress"ProgressSimple
ProImport ProgressSimple from @/components/blocks/progress
ProgressWithLabel
ProImport ProgressWithLabel from @/components/blocks/progress
ProgressWithPercentage
ProImport ProgressWithPercentage from @/components/blocks/progress
ProgressWithValue
ProImport ProgressWithValue from @/components/blocks/progress
ProgressStriped
ProImport ProgressStriped from @/components/blocks/progress
ProgressAnimated
ProImport ProgressAnimated from @/components/blocks/progress
ProgressGradient
ProImport ProgressGradient from @/components/blocks/progress
ProgressMultiColor
ProImport ProgressMultiColor from @/components/blocks/progress
ProgressStacked
ProImport ProgressStacked from @/components/blocks/progress
ProgressSegmented
ProImport ProgressSegmented from @/components/blocks/progress
ProgressCircular
FreeImport ProgressCircular from @/components/blocks/progress
ProgressRadial
ProImport ProgressRadial from @/components/blocks/progress
ProgressSemiCircle
ProImport ProgressSemiCircle from @/components/blocks/progress
ProgressArc
ProImport ProgressArc from @/components/blocks/progress
ProgressRing
ProImport ProgressRing from @/components/blocks/progress
ProgressDonut
ProImport ProgressDonut from @/components/blocks/progress
ProgressSteps
ProImport ProgressSteps from @/components/blocks/progress
ProgressMilestones
ProImport ProgressMilestones from @/components/blocks/progress
ProgressWithIcon
ProImport ProgressWithIcon from @/components/blocks/progress
ProgressWithStatus
ProImport ProgressWithStatus from @/components/blocks/progress
ProgressIndeterminate
ProImport ProgressIndeterminate from @/components/blocks/progress
ProgressBuffer
ProImport ProgressBuffer from @/components/blocks/progress
SpinnerSimple
ProImport SpinnerSimple from @/components/blocks/progress
SpinnerDots
ProImport SpinnerDots from @/components/blocks/progress
SpinnerBars
ProImport SpinnerBars from @/components/blocks/progress
SpinnerPulse
ProImport SpinnerPulse from @/components/blocks/progress
SpinnerBounce
ProImport SpinnerBounce from @/components/blocks/progress
SpinnerWave
ProImport SpinnerWave from @/components/blocks/progress
SpinnerCircle
ProImport SpinnerCircle from @/components/blocks/progress
SpinnerRing
ProImport SpinnerRing from @/components/blocks/progress
SpinnerSquares
ProImport SpinnerSquares from @/components/blocks/progress
SpinnerBlocks
ProImport SpinnerBlocks from @/components/blocks/progress
SpinnerFade
ProImport SpinnerFade from @/components/blocks/progress
SpinnerScale
ProImport SpinnerScale from @/components/blocks/progress
SpinnerOrbit
ProImport SpinnerOrbit from @/components/blocks/progress
SpinnerChase
ProImport SpinnerChase from @/components/blocks/progress
LoaderFullscreen
ProImport LoaderFullscreen from @/components/blocks/progress
LoaderOverlay
ProImport LoaderOverlay from @/components/blocks/progress
LoaderInline
ProImport LoaderInline from @/components/blocks/progress
LoaderButton
ProImport LoaderButton from @/components/blocks/progress
LoaderSkeleton
ProImport LoaderSkeleton from @/components/blocks/progress
LoaderPlaceholder
ProImport LoaderPlaceholder from @/components/blocks/progress
StatusDot
ProImport StatusDot from @/components/blocks/progress
StatusBadge
ProImport StatusBadge from @/components/blocks/progress
StatusOnline
ProImport StatusOnline from @/components/blocks/progress
StatusOffline
ProImport StatusOffline from @/components/blocks/progress
StatusAway
ProImport StatusAway from @/components/blocks/progress
StatusBusy
ProImport StatusBusy from @/components/blocks/progress
StatusLive
ProImport StatusLive from @/components/blocks/progress
StatusRecording
ProImport StatusRecording from @/components/blocks/progress
StatusProcessing
ProImport StatusProcessing from @/components/blocks/progress
StatusComplete
ProImport StatusComplete from @/components/blocks/progress
StatusPending
ProImport StatusPending from @/components/blocks/progress
StatusFailed
ProImport StatusFailed from @/components/blocks/progress
StatusIndicatorWithLabel
ProImport StatusIndicatorWithLabel from @/components/blocks/progress
StatusIndicatorPulse
ProImport StatusIndicatorPulse from @/components/blocks/progress
ActivityIndicator
ProImport ActivityIndicator from @/components/blocks/progress
SyncIndicator
ProImport SyncIndicator from @/components/blocks/progress
UploadProgress
ProImport UploadProgress from @/components/blocks/progress
DownloadProgress
ProImport DownloadProgress from @/components/blocks/progress
All 60 components include viewport switching, code editing, and responsive previews. Import any component directly from @/components/blocks/progress