progressbar.css 644 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: #ddd;
  24. }
  25. .progressbar-text {
  26. color: #444;
  27. font-size: 12px;
  28. }
  29. .progressbar-value .progressbar-text {
  30. background-color: #CCE6FF;
  31. color: #000;
  32. }