Themed Progress Bar

This section describes the BfmThemedProgressBarComponent component.

Usage

You need to import it in your module and use it in your template.

themed-progress-bar.component.ts

import { BfmThemedProgressBarComponent } from '@celerofinancas/ui-user-kit';

@Component({
  standalone: true,
  selector: 'themed-progress-bar',
  imports: [BfmThemedProgressBarComponent],
  templateUrl: './themed-progress-bar.component.html',
})
export class CustomThemedProgressBarComponent {}

Then, in your template, you can use the component like this:

themed-progress-bar.component.html

<bfm-themed-progress-bar 
  [completedMessage]="'Concluído!'"
  [value]="0"
/>

Inputs

The BfmThemedProgressBarComponent component has the following inputs:

completedMessage

Custom Completed Text Message

Type	Default
string	'Concluído!'

value

Amount done (0 to 1)

Type	Default
number	0

Events

The BfmThemedProgressBarComponent component has no events.