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