progressbar.css 650 B

123456789101112131415161718192021222324252627282930313233
  1. .progressbar {
  2. border-width: 1px;
  3. border-style: solid;
  4. -moz-border-radius: 0px 0px 0px 0px;
  5. -webkit-border-radius: 0px 0px 0px 0px;
  6. border-radius: 0px 0px 0px 0px;
  7. overflow: hidden;
  8. position: relative;
  9. }
  10. .progressbar-text {
  11. text-align: center;
  12. position: absolute;
  13. }
  14. .progressbar-value {
  15. position: relative;
  16. overflow: hidden;
  17. width: 0;
  18. -moz-border-radius: 0px 0 0 0px;
  19. -webkit-border-radius: 0px 0 0 0px;
  20. border-radius: 0px 0 0 0px;
  21. }
  22. .progressbar {
  23. border-color: #c3d9e0;
  24. }
  25. .progressbar-text {
  26. color: #404040;
  27. font-size: 12px;
  28. }
  29. .progressbar-value .progressbar-text {
  30. background-color: #6caef5;
  31. color: #fff;
  32. }