Progress bar based on a combinaison of unicode characters. This ASCII loading bar can be used everywhere to indicate the progress of your projects on social networks or on your website or blog.
Просто нажмите, чтобы скопировать
и вставить в нужное место. ツ
Two tones loading bar
Loading bar based on █ and ▒ ASCII symbols.
█▒▒▒▒▒▒▒▒▒ 10%
██▒▒▒▒▒▒▒▒ 20%
███▒▒▒▒▒▒▒ 30%
████▒▒▒▒▒▒ 40%
█████▒▒▒▒▒ 50%
██████▒▒▒▒ 60%
███████▒▒▒ 70%
████████▒▒ 80%
█████████▒ 90%
██████████ 100%
Grey loading bar
Similar to two tone with ▓ and ▒ unicode symbols.
▓▒▒▒▒▒▒▒▒▒ 10%
▓▓▒▒▒▒▒▒▒▒ 20%
▓▓▓▒▒▒▒▒▒▒ 30%
▓▓▓▓▒▒▒▒▒▒ 40%
▓▓▓▓▓▒▒▒▒▒ 50%
▓▓▓▓▓▓▒▒▒▒ 60%
▓▓▓▓▓▓▓▒▒▒ 70%
▓▓▓▓▓▓▓▓▒▒ 80%
▓▓▓▓▓▓▓▓▓▒ 90%
▓▓▓▓▓▓▓▓▓▓ 100%
Loading with large square
Square based loading bar.
■▢▢▢▢▢▢▢▢▢ 10%
■■▢▢▢▢▢▢▢▢ 20%
■■■▢▢▢▢▢▢▢ 30%
■■■■▢▢▢▢▢▢ 40%
■■■■■▢▢▢▢▢ 50%
■■■■■■▢▢▢▢ 60%
■■■■■■■▢▢▢ 70%
■■■■■■■■▢▢ 80%
■■■■■■■■■▢ 90%
■■■■■■■■■■ 100%
Loading with small square
Square base loading bar with two size of square.
■□□□□□□□□□ 10%
■■□□□□□□□□ 20%
■■■□□□□□□□ 30%
■■■■□□□□□□ 40%
■■■■■□□□□□ 50%
■■■■■■□□□□ 60%
■■■■■■■□□□ 70%
■■■■■■■■□□ 80%
■■■■■■■■■□ 90%
■■■■■■■■■■ 100%
ASCCI White loading
Empty loading bar in ASCII like a box.
[̲̅_̲̅_̲̅_̲̅_̲̅_̲̅] 10%
[̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅] 20%
[̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅] 30%
[̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅] 40%
[̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅] 50%
[̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅] 60%
[̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅] 70%
[̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅] 80%
[̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅] 90%
[̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅] 100%
Loading in parallelogram
Based on two parallelogram: full and empty.
▰▱▱▱▱▱▱▱▱▱ 10%
▰▰▱▱▱▱▱▱▱▱ 20%
▰▰▰▱▱▱▱▱▱▱ 30%
▰▰▰▰▱▱▱▱▱▱ 40%
▰▰▰▰▰▱▱▱▱▱ 50%
▰▰▰▰▰▰▱▱▱▱ 60%
▰▰▰▰▰▰▰▱▱▱ 70%
▰▰▰▰▰▰▰▰▱▱ 80%
▰▰▰▰▰▰▰▰▰▱ 90%
▰▰▰▰▰▰▰▰▰▰ 100%
Loading cursor
Cute loading bar with a cursor.
▰═════════ 10%
▰▰════════ 20%
▰▰▰═══════ 30%
▰▰▰▰══════ 40%
▰▰▰▰▰═════ 50%
▰▰▰▰▰▰════ 60%
▰▰▰▰▰▰▰═══ 70%
▰▰▰▰▰▰▰▰══ 80%
▰▰▰▰▰▰▰▰▰═ 90%
▰▰▰▰▰▰▰▰▰▰ 100%
Loading progress bar
Loading bar on a dotted line with parallelogram progress.
▰╍╍╍╍╍╍╍╍╍ 10%
▰▰╍╍╍╍╍╍╍╍ 20%
▰▰▰╍╍╍╍╍╍╍ 30%
▰▰▰▰╍╍╍╍╍╍ 40%
▰▰▰▰▰╍╍╍╍╍ 50%
▰▰▰▰▰▰╍╍╍╍ 60%
▰▰▰▰▰▰▰╍╍╍ 70%
▰▰▰▰▰▰▰▰╍╍ 80%
▰▰▰▰▰▰▰▰▰╍ 90%
▰▰▰▰▰▰▰▰▰▰ 100%
Fat loading with cursor
Cute loading bar with a cursor progress bar.
▓▃▃▃▃▃▃▃▃▃ 10%
▃▓▃▃▃▃▃▃▃▃ 20%
▃▃▓▃▃▃▃▃▃▃ 30%
▃▃▃▓▃▃▃▃▃▃ 40%
▃▃▃▃▓▃▃▃▃▃ 50%
▃▃▃▃▃▓▃▃▃▃ 60%
▃▃▃▃▃▃▓▃▃▃ 70%
▃▃▃▃▃▃▃▓▃▃ 80%
▃▃▃▃▃▃▃▃▓▃ 90%
▃▃▃▃▃▃▃▃▃▓ 100%
Structured loading
Structured loading progress bar with a parallelogram cursor.
╞▰═════════╡ 10%
╞═▰════════╡ 20%
╞══▰═══════╡ 30%
╞═══▰══════╡ 40%
╞════▰═════╡ 50%
╞═════▰════╡ 60%
╞══════▰═══╡ 70%
╞═══════▰══╡ 80%
╞════════▰═╡ 90%
╞═════════▰╡ 100%
Loading bar and progress bar FAQ
Что такое полоса загрузки?
С помощью индикаторов выполнения вы можете показать прогресс всего, что захотите. Приятно использовать его на своем веб-сайте или в социальных сетях. Это нормально: {{социальные сети}}.
Индикатор выполнения загрузки ASCII : Как я могу скопировать и вставить?
На
копировать вставить веб-сайт это очень просто: просто нажмите (на компьютере) или нажмите (на мобильном устройстве или планшете) на свою любимую вещь и вперед куда вы хотите (приложение или веб-сайт) вставить его (щелкнув правой кнопкой мыши на компьютере или долгим нажатием на мобильное устройство или планшет)!
Индикатор выполнения загрузки ASCII : Где я могу использовать?
Куда угодно! Это работа в {{социальных сетях}} ... Это потрясающе выглядит в вашей биографии в TikTok или Instagram. Практически везде, где вы можете написать текст, вы можете копировать и вставлять что-то, это просто, просто нажмите и перейдите туда, куда вы хотите его вставить. Вы сделаете это привлекательно, и ваша биография или статус станут более привлекательными.