progressbar.css 667 B

123456789101112131415161718192021222324252627282930313233
  1. .progressbar {
  2. border-width: 1px;
  3. border-style: solid;
  4. -moz-border-radius: 4px 4px 4px 4px;
  5. -webkit-border-radius: 4px 4px 4px 4px;
  6. border-radius: 4px 4px 4px 4px;
  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: 4px 0 0 4px;
  19. -webkit-border-radius: 4px 0 0 4px;
  20. border-radius: 4px 0 0 4px;
  21. }
  22. .progressbar {
  23. border-color: #ddd;
  24. }
  25. .progressbar-text {
  26. color: #404040;
  27. font-size: 14px;
  28. }
  29. .progressbar-value,
  30. .progressbar-value .progressbar-text {
  31. background-color: #00bbee;
  32. color: #fff;
  33. }