在前端开发中，我们经常需要给用户展示一些进度信息，例如上传、下载、加载等操作的进度。而 progress-title 是一个 npm 包，可帮助我们在页面标题中展示进度信息。本文将为大家介绍如何使用 progress-title。
安装
可以通过 npm 安装 progress-title：
npm install progress-title --save
使用方法
- 引入包
import progressTitle from "progress-title";
- 传入参数
-- -------------------- ---- -------
---------------
--------- ---- -- --------------- ------
------ --------- -- ----------------------
-------------- ------- -- ---- ---- --------------------
------------ -- -- --------- -
------------ ---- -- --------- ---
--------- -------- -- -
-- -----------------------
------ ---
--
---以上参数均为可选参数，只需传入 getValue 参数即可。该参数为获取进度值的回调函数，返回值为当前进度值，例如：
getValue: function () {
return (loaded / total) * 100;
}示例代码
以下是一个使用 progress-title 的示例：
-- -------------------- ---- -------
--------- -----
------
------
----- --------------- --
-------------------
------- --------------------------
-------
------
-------------
------
------ ----------- --
------- -------------------------
-------
-------
------- --------------
------ ------------- ---- -----------------
--------------------------------------------------------- -------- --- -
------------------- -- ---- ------- --
--- -- - --- -----------
----------------- --------------------------------------
--- --- - --- -----------------
---------------- -----------
--------------------------------------- -------- --- -
--- ------ - ---------
--- ----- - --------
-- -- -------------- ------
---------------
--------- -------- -- -
------ ------- - ------ - ----
--
---
---
---------------------------- -------- -- -
-- -- -------------- --------
---------------
--------- -------- -- -
------ ----
--
-------------- -------
---
---
-------------
---
---------
-------该示例演示了一个文件上传的进度展示，当上传进度发生变化时，修改页面标题显示上传进度。当上传完成后，显示上传完成信息。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/61840