UNPKG

@vcl/vcl

Version:

The whole VCL in one package

40 lines (25 loc) • 869 B
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
# [VCL](https://vcl.github.io/vcl/) progress-bar Show the progress of an operation. ## Features The progress is reflected as horizontal bar which is shown within a container. There are two overlaying bars to represent a primary and an optional secondary progress. In _indeterminate_ mode, an animation is shown to indicate an ongoing process whose progress cannot be determined. ## Usage [basic example](/demo/example.html) ## Classes - `progress-bar` - `progress` ## Modifiers ### For `progress-bar` - `indeterminate`: Show an animation indicating that the progress cannot be determined. - `transparent`: Transparent background ### For `progress` - `primary` - `secondary` ## Variables - `$progress-bar-progress-label-color` - `$progress-bar-container-bg-color` - `$progress-bar-primary-progress-bg-color` - `$progress-bar-secondary-progress-bg-color`