@forter/progress-circle NPM | npm.io

4.1.10 • Published 1 year ago

Install

Weekly downloads

108

License

Apache-2.0

Repository

Last release

1 year ago

fc-progress-circle

show progress by nice border around the circle depends on you score.

Usage

<script>
  import '@forter/progress-circle';
</script>

<fc-progress-circle>
</fc-progress-circle>

Properties

Property	Attribute	Type	Default	Description
`intent`	`intent`	`"primary" \\| "secondary" \\| "success" \\| "apply" \\| "danger" \\| "warn"`		The button's intent. See Intents in README.
`percentage`	`percentage`	`number`	100	score as number. example: 95
`size`	`size`	`"small" \\| "medium" \\| "large"`		Pre-Defined size

CSS Custom Properties

Property	Description
`--fc-progress-circle-color`	the color. default: `var(--violet)`, example: `gold`
`--fc-progress-circle-content`	content inside circle. example: `'100'`
`--fc-progress-circle-font-color`	content font color
`--fc-progress-circle-size`	height and width. default: `88px`, example: `66px`

web-components custom-elements lit-element lit-element-2.x

@forter/core @forter/mixins @forter/styles lit-element lit-html

@infinitebrahmanuniverse/nolb-_fort @everything-registry/sub-chunk-338 @forter/logo

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago