Function getProgressHTML

tech-study.js:2015–2047

* @description html进度条 * @param title * @param percent * @returns

(title, current, total)

 * @returns
 */
function getProgressHTML(title, current, total) {
    // html
    const progressHTML = `<div
    style="
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 1px 0;
    "
  >
    <span>${title}</span>
    <span>${getHighlightHTML(`${current}`)} / ${total}</span>
  </div>
  <div
    style="
      background: white;
      border-radius: 10px;
      height: 10px;
      border: 1px solid #eee;
      flex-shrink: 1;
    "
  >
    <div
      style="
        background: linear-gradient(to left, #188fff80, #1890ff);
        height: 100%;
        width: ${((100 * current) / total).toFixed(1)}%;
        border-radius: 10px;
      "
    ></div>
  </div>`;
    return progressHTML;
}
/**
 * @description html高亮文本
 * @param text