element录音使用进度条展示录音时间

要展示录音时间的进度条，你可以按照以下步骤进行：

1. 在界面上添加一个进度条控件。
2. 在录音开始时，启动一个计时器，每隔一定时间更新进度条的值。
3. 在录音结束时，停止计时器并将进度条的值重置为0。

具体实现可能因使用的框架或语言而异，下面是一个简单的示例代码：

import time
import tkinter as tk

class Recorder:
    def __init__(self):
        self.recording = False
        self.start_time = 0
        self.elapsed_time = 0
        self.max_time = 10  # 最长录音时间为10秒

    def start(self):
        self.recording = True
        self.start_time = time.time()

    def stop(self):
        self.recording = False
        self.elapsed_time = time.time() - self.start_time

    def get_elapsed_time(self):
        if self.recording:
            return time.time() - self.start_time
        else:
            return self.elapsed_time

class App:
    def __init__(self):
        self.recorder = Recorder()
        self.root = tk.Tk()
        self.progress = tk.DoubleVar()
        self.progress_bar = tk.Scale(
            self.root,
            variable=self.progress,
            from_=0,
            to=100,
            orient=tk.HORIZONTAL,
            length=200,
            showvalue=False,
            sliderrelief='flat',
            troughcolor='#ddd',
            command=self.on_progress_change
        )
        self.progress_bar.pack()
        self.record_button = tk.Button(
            self.root,
            text='Record',
            command=self.on_record_button_click
        )
        self.record_button.pack()
        self.update_progress()

    def on_record_button_click(self):
        if not self.recorder.recording:
            self.recorder.start()
            self.record_button.config(text='Stop')
        else:
            self.recorder.stop()
            self.record_button.config(text='Record')

    def on_progress_change(self, value):
        pass  # 进度条值变化时不做任何处理

    def update_progress(self):
        elapsed_time = self.recorder.get_elapsed_time()
        progress_value = elapsed_time / self.recorder.max_time * 100
        self.progress.set(progress_value)
        if elapsed_time < self.recorder.max_time:
            self.root.after(100, self.update_progress)
        else:
            self.recorder.stop()
            self.record_button.config(text='Record')

    def run(self):
        self.root.mainloop()

app = App()
app.run()

这个示例程序使用了 tkinter 库来实现界面和进度条控件，并在后台使用了一个计时器来更新进度条的值。你可以根据自己的需求进行修改。