clone.css 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. .html5-progress-bar {
  2. padding: 15px 15px;
  3. border-radius: 3px;
  4. background-color: #f5f5f5;
  5. box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, .2);
  6. }
  7. .html5-progress-bar progress {
  8. background-color: #f3f3f3;
  9. border: 0;
  10. width: 93%;
  11. height: 18px;
  12. border-radius: 9px;
  13. }
  14. .html5-progress-bar progress::-webkit-progress-bar {
  15. background-color: #e3e3e3;
  16. border-radius: 9px;
  17. }
  18. .html5-progress-bar progress::-webkit-progress-value {
  19. background: #cdeb8e;
  20. background: -moz-linear-gradient(top, #cdeb8e 0%, #a5c956 100%);
  21. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdeb8e), color-stop(100%,#a5c956));
  22. background: -webkit-linear-gradient(top, #cdeb8e 0%,#a5c956 100%);
  23. background: -o-linear-gradient(top, #cdeb8e 0%,#a5c956 100%);
  24. background: -ms-linear-gradient(top, #cdeb8e 0%,#a5c956 100%);
  25. background: linear-gradient(to bottom, #cdeb8e 0%,#a5c956 100%);
  26. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdeb8e', endColorstr='#a5c956',GradientType=0 );
  27. border-radius: 9px;
  28. }
  29. .html5-progress-bar progress::-moz-progress-bar {
  30. background: #cdeb8e;
  31. background: -moz-linear-gradient(top, #cdeb8e 0%, #a5c956 100%);
  32. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdeb8e), color-stop(100%,#a5c956));
  33. background: -webkit-linear-gradient(top, #cdeb8e 0%,#a5c956 100%);
  34. background: -o-linear-gradient(top, #cdeb8e 0%,#a5c956 100%);
  35. background: -ms-linear-gradient(top, #cdeb8e 0%,#a5c956 100%);
  36. background: linear-gradient(to bottom, #cdeb8e 0%,#a5c956 100%);
  37. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdeb8e', endColorstr='#a5c956',GradientType=0 );
  38. border-radius: 9px;
  39. }
  40. .html5-progress-bar .progress-value {
  41. padding: 0px 5px;
  42. line-height: 20px;
  43. margin-left: 5px;
  44. font-size: 1.2em;
  45. color: #555;
  46. height: 18px;
  47. float: right;
  48. }