cu-progress.css 1.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. .cu-progress-main{
  2. position: relative;
  3. display: flex;
  4. flex-direction: row;
  5. align-items: center;
  6. text-align: center;
  7. justify-content: space-between;
  8. margin: 0;
  9. padding: 0;
  10. background-color: inherit;
  11. overflow: hidden;
  12. }
  13. .cu-progress {
  14. position: absolute;
  15. display: flex;
  16. flex-direction: row;
  17. align-items: center;
  18. text-align: center;
  19. justify-content: space-between;
  20. margin: 0;
  21. padding: 0;
  22. background-color: inherit;
  23. /* overflow: hidden; */
  24. }
  25. .cu-progress-bar{
  26. position: absolute;
  27. left: 0;
  28. }
  29. .cu-area {
  30. position: absolute;
  31. display: flex;
  32. flex-direction: row;
  33. align-items: center;
  34. /* left: 0; */
  35. z-index: 2;
  36. }
  37. .cu-handle {
  38. position: absolute;
  39. display: flex;
  40. flex-direction: column;
  41. align-items: center;
  42. text-align: center;
  43. justify-content: space-around;
  44. overflow: hidden;
  45. z-index: 5;
  46. }
  47. .cu-handle text {
  48. align-items: center;
  49. text-align: center;
  50. white-space: nowrap;
  51. }
  52. .cu-showInfo {
  53. position: absolute;
  54. justify-content: space-around;
  55. align-items: center;
  56. overflow: hidden;
  57. white-space: nowrap;
  58. pointer-events: none;
  59. }