progressbar.css 653 B

123456789101112131415161718192021222324252627282930313233
  1. .progressbar {
  2. border-width: 1px;
  3. border-style: solid;
  4. -moz-border-radius: 5px 5px 5px 5px;
  5. -webkit-border-radius: 5px 5px 5px 5px;
  6. border-radius: 5px 5px 5px 5px;
  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: 5px 0 0 5px;
  19. -webkit-border-radius: 5px 0 0 5px;
  20. border-radius: 5px 0 0 5px;
  21. }
  22. .progressbar {
  23. border-color: #95B8E7;
  24. }
  25. .progressbar-text {
  26. color: #000000;
  27. font-size: 12px;
  28. }
  29. .progressbar-value .progressbar-text {
  30. background-color: #ffe48d;
  31. color: #000000;
  32. }