bootstrap-progressbar-2.0.4.css 23 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376
  1. /*! bootstrap-progressbar v0.9.0 | Copyright (c) 2012-2015 Stephan Groß | MIT license | http://www.minddust.com */
  2. .clearfix {
  3. *zoom: 1;
  4. }
  5. .clearfix:before,
  6. .clearfix:after {
  7. display: table;
  8. content: "";
  9. }
  10. .clearfix:after {
  11. clear: both;
  12. }
  13. .hide-text {
  14. font: 0/0 a;
  15. color: transparent;
  16. text-shadow: none;
  17. background-color: transparent;
  18. border: 0;
  19. }
  20. .input-block-level {
  21. display: block;
  22. width: 100%;
  23. min-height: 28px;
  24. -webkit-box-sizing: border-box;
  25. -moz-box-sizing: border-box;
  26. -ms-box-sizing: border-box;
  27. box-sizing: border-box;
  28. }
  29. @-webkit-keyframes progress-bar-stripes {
  30. from {
  31. background-position: 40px 0;
  32. }
  33. to {
  34. background-position: 0 0;
  35. }
  36. }
  37. @-moz-keyframes progress-bar-stripes {
  38. from {
  39. background-position: 40px 0;
  40. }
  41. to {
  42. background-position: 0 0;
  43. }
  44. }
  45. @-ms-keyframes progress-bar-stripes {
  46. from {
  47. background-position: 40px 0;
  48. }
  49. to {
  50. background-position: 0 0;
  51. }
  52. }
  53. @-o-keyframes progress-bar-stripes {
  54. from {
  55. background-position: 0 0;
  56. }
  57. to {
  58. background-position: 40px 0;
  59. }
  60. }
  61. @keyframes progress-bar-stripes {
  62. from {
  63. background-position: 40px 0;
  64. }
  65. to {
  66. background-position: 0 0;
  67. }
  68. }
  69. .progress {
  70. overflow: hidden;
  71. height: 18px;
  72. margin-bottom: 18px;
  73. background-color: #f7f7f7;
  74. background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
  75. background-image: -ms-linear-gradient(top, #f5f5f5, #f9f9f9);
  76. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
  77. background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
  78. background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
  79. background-image: linear-gradient(top, #f5f5f5, #f9f9f9);
  80. background-repeat: repeat-x;
  81. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0);
  82. -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  83. -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  84. box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  85. -webkit-border-radius: 4px;
  86. -moz-border-radius: 4px;
  87. border-radius: 4px;
  88. }
  89. .progress .bar {
  90. width: 0%;
  91. height: 18px;
  92. color: #ffffff;
  93. font-size: 12px;
  94. text-align: center;
  95. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  96. background-color: #0e90d2;
  97. background-image: -moz-linear-gradient(top, #149bdf, #0480be);
  98. background-image: -ms-linear-gradient(top, #149bdf, #0480be);
  99. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
  100. background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
  101. background-image: -o-linear-gradient(top, #149bdf, #0480be);
  102. background-image: linear-gradient(top, #149bdf, #0480be);
  103. background-repeat: repeat-x;
  104. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#149bdf', endColorstr='#0480be', GradientType=0);
  105. -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  106. -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  107. box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  108. -webkit-box-sizing: border-box;
  109. -moz-box-sizing: border-box;
  110. -ms-box-sizing: border-box;
  111. box-sizing: border-box;
  112. -webkit-transition: width 0.6s ease;
  113. -moz-transition: width 0.6s ease;
  114. -ms-transition: width 0.6s ease;
  115. -o-transition: width 0.6s ease;
  116. transition: width 0.6s ease;
  117. }
  118. .progress-striped .bar {
  119. background-color: #149bdf;
  120. background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  121. 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);
  122. background-image: -moz-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);
  123. background-image: -ms-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);
  124. 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);
  125. 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);
  126. -webkit-background-size: 40px 40px;
  127. -moz-background-size: 40px 40px;
  128. -o-background-size: 40px 40px;
  129. background-size: 40px 40px;
  130. }
  131. .progress.active .bar {
  132. -webkit-animation: progress-bar-stripes 2s linear infinite;
  133. -moz-animation: progress-bar-stripes 2s linear infinite;
  134. -ms-animation: progress-bar-stripes 2s linear infinite;
  135. -o-animation: progress-bar-stripes 2s linear infinite;
  136. animation: progress-bar-stripes 2s linear infinite;
  137. }
  138. .progress-danger .bar {
  139. background-color: #dd514c;
  140. background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
  141. background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
  142. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));
  143. background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
  144. background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
  145. background-image: linear-gradient(top, #ee5f5b, #c43c35);
  146. background-repeat: repeat-x;
  147. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
  148. }
  149. .progress-danger.progress-striped .bar {
  150. background-color: #ee5f5b;
  151. background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  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: -moz-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: -ms-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. 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);
  156. 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);
  157. }
  158. .progress-success .bar {
  159. background-color: #5eb95e;
  160. background-image: -moz-linear-gradient(top, #62c462, #57a957);
  161. background-image: -ms-linear-gradient(top, #62c462, #57a957);
  162. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));
  163. background-image: -webkit-linear-gradient(top, #62c462, #57a957);
  164. background-image: -o-linear-gradient(top, #62c462, #57a957);
  165. background-image: linear-gradient(top, #62c462, #57a957);
  166. background-repeat: repeat-x;
  167. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);
  168. }
  169. .progress-success.progress-striped .bar {
  170. background-color: #62c462;
  171. background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  172. 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);
  173. background-image: -moz-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: -ms-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: -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);
  176. 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);
  177. }
  178. .progress-info .bar {
  179. background-color: #4bb1cf;
  180. background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
  181. background-image: -ms-linear-gradient(top, #5bc0de, #339bb9);
  182. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));
  183. background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
  184. background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
  185. background-image: linear-gradient(top, #5bc0de, #339bb9);
  186. background-repeat: repeat-x;
  187. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);
  188. }
  189. .progress-info.progress-striped .bar {
  190. background-color: #5bc0de;
  191. background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  192. 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);
  193. background-image: -moz-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: -ms-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: -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);
  196. 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);
  197. }
  198. .progress-warning .bar {
  199. background-color: #faa732;
  200. background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  201. background-image: -ms-linear-gradient(top, #fbb450, #f89406);
  202. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
  203. background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  204. background-image: -o-linear-gradient(top, #fbb450, #f89406);
  205. background-image: linear-gradient(top, #fbb450, #f89406);
  206. background-repeat: repeat-x;
  207. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0);
  208. }
  209. .progress-warning.progress-striped .bar {
  210. background-color: #fbb450;
  211. background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  212. 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);
  213. background-image: -moz-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);
  214. background-image: -ms-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);
  215. 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);
  216. 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);
  217. }
  218. .progress {
  219. position: relative;
  220. }
  221. .progress .bar {
  222. position: absolute;
  223. overflow: hidden;
  224. line-height: 18px;
  225. }
  226. .progress .progressbar-back-text {
  227. position: absolute;
  228. width: 100%;
  229. height: 100%;
  230. font-size: 12px;
  231. line-height: 18px;
  232. text-align: center;
  233. }
  234. .progress .progressbar-front-text {
  235. display: block;
  236. width: 100%;
  237. font-size: 12px;
  238. line-height: 18px;
  239. text-align: center;
  240. }
  241. .progress.right .bar {
  242. right: 0;
  243. }
  244. .progress.right .progressbar-front-text {
  245. position: absolute;
  246. right: 0;
  247. }
  248. .progress.vertical {
  249. width: 18px;
  250. height: 100%;
  251. float: left;
  252. margin-right: 18px;
  253. background-color: #f7f7f7;
  254. background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
  255. background-image: -ms-linear-gradient(top, #f5f5f5, #f9f9f9);
  256. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
  257. background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
  258. background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
  259. background-image: linear-gradient(top, #f5f5f5, #f9f9f9);
  260. background-repeat: repeat-x;
  261. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0);
  262. background-repeat: repeat;
  263. }
  264. .progress.vertical.bottom {
  265. position: relative;
  266. }
  267. .progress.vertical.bottom .progressbar-front-text {
  268. position: absolute;
  269. bottom: 0;
  270. }
  271. .progress.vertical .bar {
  272. width: 100%;
  273. height: 0;
  274. -webkit-transition: height 0.6s ease;
  275. -moz-transition: height 0.6s ease;
  276. -ms-transition: height 0.6s ease;
  277. -o-transition: height 0.6s ease;
  278. transition: height 0.6s ease;
  279. background-repeat: repeat;
  280. }
  281. .progress.vertical.bottom .bar {
  282. position: absolute;
  283. bottom: 0;
  284. }
  285. .progress-danger.vertical .bar,
  286. .progress.vertical .bar-danger {
  287. background-color: #dd514c;
  288. background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
  289. background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
  290. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));
  291. background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
  292. background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
  293. background-image: linear-gradient(top, #ee5f5b, #c43c35);
  294. background-repeat: repeat-x;
  295. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
  296. background-repeat: repeat;
  297. }
  298. .progress-danger.progress-striped.vertical .bar,
  299. .progress.progress-striped.vertical .bar-danger {
  300. background-color: #ee5f5b;
  301. background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  302. 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);
  303. background-image: -moz-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);
  304. background-image: -ms-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);
  305. 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);
  306. 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);
  307. }
  308. .progress-success.vertical .bar,
  309. .progress.vertical .bar-success {
  310. background-color: #5eb95e;
  311. background-image: -moz-linear-gradient(top, #62c462, #57a957);
  312. background-image: -ms-linear-gradient(top, #62c462, #57a957);
  313. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));
  314. background-image: -webkit-linear-gradient(top, #62c462, #57a957);
  315. background-image: -o-linear-gradient(top, #62c462, #57a957);
  316. background-image: linear-gradient(top, #62c462, #57a957);
  317. background-repeat: repeat-x;
  318. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);
  319. background-repeat: repeat;
  320. }
  321. .progress-success.progress-striped.vertical .bar,
  322. .progress.progress-striped.vertical .bar-success {
  323. background-color: #62c462;
  324. background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  325. 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);
  326. background-image: -moz-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);
  327. background-image: -ms-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);
  328. 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);
  329. 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);
  330. }
  331. .progress-info.vertical .bar,
  332. .progress.vertical .bar-info {
  333. background-color: #4bb1cf;
  334. background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
  335. background-image: -ms-linear-gradient(top, #5bc0de, #339bb9);
  336. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));
  337. background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
  338. background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
  339. background-image: linear-gradient(top, #5bc0de, #339bb9);
  340. background-repeat: repeat-x;
  341. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);
  342. background-repeat: repeat;
  343. }
  344. .progress-info.progress-striped.vertical .bar,
  345. .progress.progress-striped.vertical .bar-info {
  346. background-color: #5bc0de;
  347. background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  348. 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);
  349. background-image: -moz-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);
  350. background-image: -ms-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);
  351. 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);
  352. 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);
  353. }
  354. .progress-warning.vertical .bar,
  355. .progress.vertical .bar-warning {
  356. background-color: #faa732;
  357. background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  358. background-image: -ms-linear-gradient(top, #fbb450, #f89406);
  359. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
  360. background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  361. background-image: -o-linear-gradient(top, #fbb450, #f89406);
  362. background-image: linear-gradient(top, #fbb450, #f89406);
  363. background-repeat: repeat-x;
  364. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0);
  365. background-repeat: repeat;
  366. }
  367. .progress-warning.progress-striped.vertical .bar,
  368. .progress.progress-striped.vertical .bar-warning {
  369. background-color: #fbb450;
  370. background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  371. 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);
  372. background-image: -moz-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);
  373. background-image: -ms-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);
  374. 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);
  375. 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);
  376. }