u-line-progress 自定义图片 超出高度也能显示

对于 `u-line-progress` 组件，如果你想要自定义图片，并且即使图片超出了进度条的高度也能够显示，你可以使用 CSS 来实现。以下是一个示例代码：

<div class="progress-wrapper">
  <div class="progress-bar">
    <div class="progress-image"></div>
  </div>
</div>

.progress-wrapper {
  width: 200px;
  height: 20px;
  border: 1px solid #ccc;
  overflow: hidden;
}

.progress-bar {
  width: 100%;
  height: 100%;
  background-color: #f0f0f0;
  position: relative;
}

.progress-image {
  width: 100%;
  height: 100%;
  background-image: url('your-image-url');
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
}

在上述代码中，`.progress-wrapper` 是进度条的容器，你可以根据需要设置宽度和高度，并且设置 `overflow: hidden` 来裁剪超出部分。`.progress-bar` 是进度条本身，它的宽度和高度都设置为 100%。`.progress-image` 是用来显示自定义图片的元素，它将作为进度条的子元素，并且使用 `position: absolute` 来覆盖在进度条上方。你可以通过设置 `background-image` 属性来指定自定义图片的 URL，并通过 `background-size: cover` 来保持图片的比例。

记得替换代码中的 `'your-image-url'` 为你自己的图片 URL。这样，即使图片的高度超出了进度条的高度，它也会被裁剪，并显示在进度条内部。