Function createProgressUI

apps/screenshot/content-script.js:229–322

* 创建截图进度UI * @param {string} [text='正在截取网页...'] 显示的文本 * @returns {HTMLElement} 创建的进度UI元素

(text = '正在截取网页...')

     * @returns {HTMLElement} 创建的进度UI元素
     */
    function createProgressUI(text = '正在截取网页...') {
        // 先检查是否已存在
        let progressContainer = document.getElementById('fehelper-screenshot-progress');
        if (progressContainer) {
            progressContainer.querySelector('.fh-progress-text').textContent = text;
            progressContainer.style.display = 'flex';
            return progressContainer;
        }

        // 创建进度UI容器
        progressContainer = document.createElement('div');
        progressContainer.id = 'fehelper-screenshot-progress';
        progressContainer.setAttribute('data-fh-ui', 'true');
        progressContainer.className = 'fehelper-ui-element';
        progressContainer.style.cssText = `
            position: fixed;
            bottom: 20px;
            left: 50%;
            transform: translateX(-50%);
            background-color: rgba(0, 0, 0, 0.7);
            color: white;
            padding: 10px 20px;
            border-radius: 5px;
            z-index: 10000000;
            font-size: 14px;
            display: flex;
            flex-direction: column;
            align-items: center;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
            width: 300px;
        `;

        // 创建文本元素
        const textElement = document.createElement('div');
        textElement.className = 'fh-progress-text';
        textElement.textContent = text;
        textElement.style.cssText = 'margin-bottom: 10px; width: 100%; text-align: center;';
        progressContainer.appendChild(textElement);

        // 创建进度条容器
        const progressBarContainer = document.createElement('div');
        progressBarContainer.style.cssText = `
            width: 100%;
            height: 10px;
            background-color: rgba(255, 255, 255, 0.2);
            border-radius: 5px;
            overflow: hidden;
            margin-bottom: 10px;
        `;
        progressContainer.appendChild(progressBarContainer);

        // 创建进度条
        const progressBar = document.createElement('div');
        progressBar.className = 'fh-progress-bar';
        progressBar.style.cssText = `
            height: 100%;
            width: 0%;
            background-color: #4CAF50;