Page number assigned to the current element, the element will be show when model in page-index matches with this value
page-index
Model that contains page index. This value will be compared with value in cs-page to see when to show this element
page-animation
(Optional) CSS prefix for animation. E.g. cs-page__animation, cs-page__animation-slide, cs-page__animation-slideup. You can even assign different animation for each pages.
(Default: cs-page__animation)
4. (Optional) Add <cs-page-progress> directive tag for progress bar
Model that contains page index. This value will be compared with value in cs-page to see when to show this element
page-size
Total number of pages. The length of the progress bar indicator will be calculated accordingly
show-number
(Optional) Whether the progress bar should show a number or not.
labels
(Optional - v1.1) Array of text to show as step's label
page-click
(Optional) Callback function for click event on number. Only work when show-number is true. 'index' will be pass as its argument, (0 = first page).
class
(Optional) cs-page-progress can be easily customized using CSS. Some of the themes are already provided. E.g. cs-pageprogress--thinline, cs-pageprogress--thinline-blue, cs-pageprogress--thinline-royalblue, cs-pageprogress--noborder
bar-width
(Optional) If you want to quickly resize the bar without tampering with CSS, you can easily override the default width of the progress bar using this properties. E.g. bar-width="100%" or bar-width="400px"