bing-progress.css 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. .bing-progress {
  2. position: relative;
  3. /* #ifndef APP-NVUE */
  4. display: flex;
  5. /* #endif */
  6. flex-direction: row;
  7. align-items: center;
  8. justify-content: space-around;
  9. overflow: hidden;
  10. }
  11. .bp-marea {
  12. /* #ifndef APP-NVUE */
  13. display: flex;
  14. /* #endif */
  15. position: absolute;
  16. left: 0;
  17. top: 0;
  18. flex-direction: row;
  19. align-items: center;
  20. text-align: center;
  21. justify-content: space-around;
  22. background-color: rgba(0,0,0,0);
  23. z-index: 6;
  24. }
  25. .bp-mview,
  26. .bp-handle {
  27. position: absolute;
  28. /* #ifndef APP-NVUE */
  29. display: flex;
  30. /* #endif */
  31. flex-direction: row;
  32. align-items: center;
  33. text-align: center;
  34. justify-content: center;
  35. z-index: 5;
  36. overflow: hidden;
  37. }
  38. .bp-handle-text {
  39. text-align: center;
  40. z-index: 5;
  41. overflow: hidden;
  42. }
  43. .bp-bar_max {
  44. position: absolute;
  45. /* #ifndef APP-NVUE */
  46. display: flex;
  47. /* #endif */
  48. flex-direction: row;
  49. align-items: center;
  50. margin: 0;
  51. padding: 0;
  52. z-index: 1;
  53. overflow: hidden;
  54. }
  55. .bp-bar_active {
  56. position: absolute;
  57. z-index: 3;
  58. overflow: hidden;
  59. }
  60. .bp-bar_sub_active {
  61. position: absolute;
  62. z-index: 2;
  63. overflow: hidden;
  64. }
  65. .bp-value {
  66. position: absolute;
  67. text-align: center;
  68. overflow: hidden;
  69. z-index: 4;
  70. }