dolibarr 21.0.3
progress.inc.php
1<?php
2if (!defined('ISLOADEDBYSTEELSHEET')) {
3 die('Must be call by steelsheet');
4} ?>
5
6/* IDE Hack <style type="text/css"> */
7
8/*
9 progress style is based on bootstrap and admin lte framework
10 */
11
12
13/*
14 * Component: Progress Bar
15 * -----------------------
16 */
17
18.progress * {
19 -webkit-box-sizing: border-box;
20 -moz-box-sizing: border-box;
21 box-sizing: border-box;
22}
23
24.progress {
25 height: 20px;
26 overflow: hidden;
27 background-color: #f5f5f5;
28 background-color: rgba(128, 128, 128, 0.1);
29 border-radius: 4px;
30 -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
31 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
32}
33
34.progress.spaced {
35 margin-bottom: 20px;
36}
37
38.progress-bar {
39 float: left;
40 width: 0;
41 height: 100%;
42 font-size: 12px;
43 line-height: 20px;
44 color: #fff;
45 text-align: center;
46 background-color: #337ab7;
47 -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
48 box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
49 -webkit-transition: width .6s ease;
50 -o-transition: width .6s ease;
51 transition: width .6s ease;
52}
53
54
55
56.progress-group > .progress{
57 clear: both;
58}
59
60.progress,
61.progress > .progress-bar {
62 -webkit-box-shadow: none;
63 box-shadow: none;
64}
65.progress,
66.progress > .progress-bar,
67.progress .progress-bar,
68.progress > .progress-bar .progress-bar {
69 border-radius: 1px;
70}
71/* size variation */
72.progress.sm,
73.progress-sm {
74 height: 10px;
75}
76.progress.sm,
77.progress-sm,
78.progress.sm .progress-bar,
79.progress-sm .progress-bar {
80 border-radius: 1px;
81}
82.progress.xs,
83.progress-xs {
84 height: 7px;
85}
86.progress.xs,
87.progress-xs,
88.progress.xs .progress-bar,
89.progress-xs .progress-bar {
90 border-radius: 1px;
91}
92.progress.xxs,
93.progress-xxs {
94 height: 3px;
95}
96.progress.xxs,
97.progress-xxs,
98.progress.xxs .progress-bar,
99.progress-xxs .progress-bar {
100 border-radius: 1px;
101}
102
103
104/* Vertical bars */
105.progress.vertical {
106 position: relative;
107 width: 30px;
108 height: 200px;
109 display: inline-block;
110 margin-right: 10px;
111}
112.progress.vertical > .progress-bar {
113 width: 100%;
114 position: absolute;
115 bottom: 0;
116}
117.progress.vertical.sm,
118.progress.vertical.progress-sm {
119 width: 20px;
120}
121.progress.vertical.xs,
122.progress.vertical.progress-xs {
123 width: 10px;
124}
125.progress.vertical.xxs,
126.progress.vertical.progress-xxs {
127 width: 3px;
128}
129.progress-group .progress-text {
130 /* font-weight: 600; */
131}
132.progress-group .progress-number {
133 float: right;
134}
135
136
137
138/* Remove margins from progress bars when put in a table */
139.table tr > td .progress {
140 margin: 0;
141}
142.progress-bar-light-blue,
143.progress-bar-primary {
144 background-color: #3c8dbc;
145}
146.progress-striped .progress-bar-light-blue,
147.progress-striped .progress-bar-primary {
148 background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
149 background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
150 background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
151}
152.progress-bar-green, .progress-bar-success {
153 background-color: <?php echo $badgeSuccess ?>;
154}
155.progress-striped .progress-bar-green, .progress-striped .progress-bar-success {
156 background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
157 background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
158 background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
159}
160body[class*="colorblind-"] .progress-bar-green, body[class*="colorblind-"] .progress-bar-success {
161 background-color: <?php echo $colorblind_deuteranopes_badgeSuccess ?>;
162}
163body[class*="colorblind-"] .progress-bar-red, body[class*="colorblind-"] .progress-bar-danger {
164 background-color: <?php echo $colorblind_deuteranopes_badgeDanger ?>;
165}
166
167.progress-bar-aqua,
168.progress-bar-info {
169 background-color: #00c0ef;
170}
171.progress-striped .progress-bar-aqua,
172.progress-striped .progress-bar-info {
173 background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
174 background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
175 background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
176}
177.progress-bar-yellow,
178.progress-bar-warning {
179 background-color: <?php echo $badgeWarning ?>;
180}
181.progress-striped .progress-bar-yellow,
182.progress-striped .progress-bar-warning {
183 background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
184 background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
185 background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
186}
187.progress-bar-red,
188.progress-bar-danger {
189 background-color: <?php echo $badgeDanger ?>;
190}
191.progress-striped .progress-bar-red,
192.progress-striped .progress-bar-danger {
193 background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
194 background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
195 background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
196}
197.progress-bar-consumed {
198 background-color: rgb(0, 0, 0, 0.15);
199}
200.progress-bar-consumed-late {
201 background-color: <?php echo colorAgressiveness($badgeDanger, -95, +70) ?>;
202}
position
print $object position
Definition edit.php:204
colorAgressiveness
colorAgressiveness($hex, $ratio=-50, $brightness=0)
Change color to make it less aggressive (ratio is negative) or more aggressive (ratio is positive)
Definition functions2.lib.php:2457
Generated on Wed Aug 6 2025 01:00:29 for dolibarr by Doxygen 1.11.0