Как изменить размер скроллбара?

Для изменения размера скроллбара можно использовать псевдоэлементы ::-webkit-scrollbar, ::-webkit-scrollbar-thumb и ::-webkit-scrollbar-track в CSS. Пример:

```
::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 5px;
}

::-webkit-scrollbar-track {
  background-color: #f1f1f1;
}
```

Для создания пользовательского интерфейса для веб-приложения с использованием HTML, CSS и JavaScript следуйте основным шагам:

1. Создайте структуру HTML документа, разместив необходимые элементы для интерфейса.
2. С помощью CSS задайте стили для элементов интерфейса, определите их расположение на странице и внешний вид.
3. Добавьте JavaScript для реализации интерактивности интерфейса. Например, добавьте обработчики событий для кнопок, форм, меню и других элементов.
4. Тщательно протестируйте интерфейс на разных устройствах и браузерах, чтобы удостовериться, что он работает корректно и выглядит хорошо.
5. Внесите необходимые корректировки, итеративно улучшая и оптимизируя пользовательский интерфейс.

Соблюдение этих шагов поможет вам создать качественный пользовательский интерфейс для веб-приложения.

Никак. 
 В css у скроллбара можно отрегулировать только следующие параметры, и то, любой браузер этим может пренебречь: 
 - ширина видимой области скроллбара; 
 - цвет подложки скроллбара; 
 - цвет ползунка скроллбара. 
 Вертикальный скроллбар по высоте всегда занимает всю высоту видимой области прокручиваемого блока. Высота ползунка определяется особенностями браузера, со стороны контента сайта она не регулируемая.