progressbar.css 609 B

123456789101112131415161718192021222324252627282930
  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. }
  9. .progressbar-text {
  10. text-align: center;
  11. position: absolute;
  12. }
  13. .progressbar-value {
  14. position: relative;
  15. overflow: hidden;
  16. width: 0;
  17. -moz-border-radius: 0px 0 0 0px;
  18. -webkit-border-radius: 0px 0 0 0px;
  19. border-radius: 0px 0 0 0px;
  20. }
  21. .progressbar {
  22. border-color: #c3d9e0;
  23. }
  24. .progressbar-text {
  25. color: #404040;
  26. }
  27. .progressbar-value .progressbar-text {
  28. background-color: #6caef5;
  29. color: #fff;
  30. }