Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Simple Visual Bar TimerNew to Visual Studio Code? Get it now.
Simple Visual Bar Timer

Simple Visual Bar Timer

Office L

|
6 installs
| (0) | Free
A simple visual bar timer in the status bar.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

SVBT - Simple Visual Bar Timer -

A simple visual bar timer in the VS Code status bar.

Features

  • Status Bar Timer: A timer that runs in the status bar.
  • Custom Duration: Set a timer for any duration from 1 to 200 minutes.
  • Task Name: Record the task name along with the timer.
  • Visual Feedback: A progress bar and a MM:SS countdown provide clear visual feedback.
  • Simple Controls: Start and stop the timer directly from the status bar.
  • Configurable: Set a default timer duration in the settings.

How to Use

1. Start the Timer

  • Click the ⧁ Start Timer button in the status bar(Immediately after startup, ⧁ SVBT ).
  • Or, open the Command Palette (Ctrl+Shift+P or Cmd+Shift+P) and run the Start Timer command.

2. Set Duration and Task Name

  • An input box will appear. Enter the desired duration in minutes (1-200).
  • Next, an input box for the task name will appear. If left blank, it will be set as "集中して作業中".

Input Duration Input task name

3. Monitor Progress

  • The status bar will show a stop button (⦿), the remaining time, a progress bar, and the task name.

4. Stop the Timer

  • Click the stop button in the status bar.
  • Or, open the Command Palette and run the Stop Timer command.

Timer start Timer

Configuration

You can customize the timer by changing the following settings in your VS Code settings.json file:

  • simpleVisualBarTimer.defaultDuration: The default timer duration in minutes.
    • Default: 25
  • simpleVisualBarTimer.remainingChar: The character used to represent the remaining time in the progress bar.
    • Default: ▮
  • simpleVisualBarTimer.elapsedChar: The character used to represent the elapsed time in the progress bar.
    • Default: ▯
  • simpleVisualBarTimer.barCount: The number of bars to display in the timer.
    • Default: 10
    • Minimum: 5
    • Maximum: 30
  • simpleVisualBarTimer.timerMode: The mode of the timer. countdown will count down from the duration, countup will count up to the duration.
    • Default: countdown

VS Code Config

Example Configuration

{
  "simpleVisualBarTimer.defaultDuration": 10,
  "simpleVisualBarTimer.remainingChar": "⭓",
  "simpleVisualBarTimer.elapsedChar": "⭔",
  "simpleVisualBarTimer.barCount": 20,
  "simpleVisualBarTimer.timerMode": "countdown"
}

Note

  • Status Bar | Visual Studio Code Extension API

Contributing

Feel free to open an issue or submit a pull request.

License

MIT

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft