mirror of
https://github.com/Karaka-Management/Developer-Guide.git
synced 2026-01-12 12:58:40 +00:00
35 lines
723 B
Markdown
Executable File
35 lines
723 B
Markdown
Executable File
# Progress
|
|
|
|
A progress bar can be used to show the prograss of a background process, milestone progress, etc.
|
|
|
|
## Examples
|
|
|
|
### Progres bar
|
|
|
|
|
|
|
|
```html
|
|
<progress value="33" max="100"></progress>
|
|
```
|
|
|
|
### Meter without stripes
|
|
|
|
|
|
|
|
```html
|
|
<div class="meter green nostripes">
|
|
<span style="width: 50%"></span>
|
|
</div>
|
|
```
|
|
|
|
#### Meter striped without animation
|
|
|
|
|
|
|
|
```html
|
|
<div class="meter green noanimation">
|
|
<span style="width: 25%"></span>
|
|
</div>
|
|
```
|
|
|
|
For a meter with animations remove the `noanimation` class. |