Unity WebGL 进度条样式修改

https://blog.csdn.net/u013172864/article/details/81389665

首先借助大佬的文章更换掉Unity自带的加载进度条。

 

然后打开index.html，更改css。将原代码简单修改一下。

        .progress {
          /*进度条背景图片*/
          background: url('progressback.png') no-repeat;
          background-size:100% 100%;
          /* 距上边框的距离*/
          margin: 0.1em;/* 距上边框的距离 margin: 1.5em; */ 
          /* 背景图片带边框，把边框的效果取消掉 */
          /* border: 1px solid white; */
          /* 将宽度设置为百分比 */
          width: 90%;/* width: 50vw; */
          display: none;
      }
      .progress .full {
          margin: 2px;
          /* 将进度条填充内容图片 */
          background: url('progress.png') no-repeat;/* background: white; */
          background-size:100% 100%;
          height: 1em;
          transform-origin: top left;
      }

原效果：

更改后的效果：