bootstrap-progressbar-2.0.2.css 23 KB

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