进度条颜色的问题：进度条左右颜色是一样的

Question

如图：我设置了background-size，但是我的进度条左右的颜色还是同一个颜色。

Answer 1

Sam 2019-05-30 22:21:50

修改一下.env.development：

VUE_APP_RES_URL=http://47.99.166.157/book/res
VUE_APP_EPUB_URL=http://47.99.166.157
VUE_APP_BASE_URL=http://47.99.166.157:3000
VUE_APP_BOOK_URL=http://47.99.166.157:3000
VUE_APP_EPUB_OPF_URL=http://47.99.166.157/epub2
VUE_APP_VOICE_URL=http://47.99.166.157:3000

使用服务端资源访问后，发现显示正常的，说明引用的资源文件可能存在问题，可以直接获取服务端的资源替换本地的资源文件试试：http://47.99.166.157/book/res/theme/theme_default.css

• 提问者 LewisBeiBei #1

  非常感谢！

Answer 2

Sam 2019-05-29 22:51:20

你好，你是怎么设置backgroundSize的？这边需要使用代码来修改：

updateProgressBg() {
  this.$refs.progress.style.backgroundSize = `${this.progress}% 100%`
},

• 提问者 LewisBeiBei #1

  老师好，我就是那样设置的  可以看看我上面截图右边html的高亮部分，html中都有这么属性

• 提问者 LewisBeiBei #2

  ```
    updateProgressBackground() {
            this.$refs.progress.style.backgroundSize = `${this.progress}% 100%`
          }
  ```

• Sam 回复 提问者 LewisBeiBei #3

  方便把源码打包上传给我看下吗？

点开查看后面3条评论