我怎样才能像Instagram一样设置光滑的滑点

Question

我想从Instagram上为这些滑动滑点设计样式。 查看这些示例：

我已经找到了：

$('li.slick-active').prev().addClass('slick-dot__prev');
$('li.slick-active').next().addClass('slick-dot__next');

但是代码，并没有太大帮助。

有人知道如何创建Instagram点的样式吗？ （从3个大点开始，在光滑的幻灯片中间显示3个大点，最后三个幻灯片在结尾显示3个大点）

当更多幻灯片时，如何将幻灯片数限制为5？