addons/web/static/src/scss/progress_bar.scss


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

.o_progressbar {

    > div {
        display: inline-block;
    }

    .o_progressbar_title {
        white-space: nowrap;
        padding-right: 10px;
    }

    .o_progress {
        width: 100px;
        height: 15px;
        vertical-align: middle;

        border: 1px solid lighten($o-brand-secondary, 25%);
        overflow: hidden;

        background-color: white;
        &.o_progress_overflow {
            background-color: $o-brand-secondary;
        }

        .o_progressbar_complete {
            background-color: $o-brand-primary;
            height: 100%;
        }
    }

    .o_progressbar_value {
        width: 100px;
        white-space: nowrap;
        padding-left: 10px;
    }
}