Skip to main content
Version: 1.2.0

src/components/circular-progress/CircularProgress.ts:

class: CircularProgress, btu-circular-progress

Superclass

NameModulePackage
LitElementlit

Mixins

NameModulePackage
ProgressMixin/src/util/ProgressMixin.js
EventEmitterMixin/src/util/EventEmitterMixin.js
ReadyMixin/src/util/ReadyMixin.js

Fields

NamePrivacyTypeDefaultDescriptionInherited From
indeterminatebooleantrueWhether the progress indicator is indeterminate (animated spinner). When false, shows determinate progress based on the progress value.
size'sm' | 'md' | 'lg''sm'Size variant. - 'sm': Small (16px) - default - 'md': Medium (32px) - 'lg': Large (48px)

Events

NameTypeDescriptionInherited From
btu-progress-readyCustomEventFired after first render and initialization
btu-progress-completeCustomEventFired when determinate progress reaches 100

Attributes

NameFieldInherited From
indeterminateindeterminate
sizesize

CSS Properties

NameDefaultDescription
--progress-colorCustom progress indicator color (overrides theme color)
--track-colorTrack/background color (overrides default gray-100)
--progress-sizeCustom size in pixels (overrides size preset)

Exports

KindNameDeclarationModulePackage
jsdefaultCircularProgresssrc/components/circular-progress/CircularProgress.ts
custom-element-definitionbtu-circular-progressCircularProgresssrc/components/circular-progress/CircularProgress.ts