请问js如何根据百分比展示部分图片?

作者站长头像
站长
· 阅读数 10

请问js如何根据百分比展示部分图片?像这样展示百分比进度的UI图,如何根据后台返回的百分比展示相应部分宽度的图片呢

回复
1个回答
avatar
test
2024-07-03
  <style>
    div{
      width: 400px;
      height: 100px;
      background: url('./Snipaste_2023-05-30_09-54-48.png') no-repeat left center;
      position: relative;
        background-color: #fff
    }

    span {
      position: absolute;
      right: 0;
      top: 0;
      height: 100px;
      width: 20%;
    }
  </style>
</head>

<body>
  <div>
    <span></span>
  </div>
</body>

answer image

回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引,对解决问题有帮助
  • 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容