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;
      }

原效果：

更改後的效果：